#2f6bae HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f6bae | RGB(47, 107, 174) |
Created at 03/05/2023 04:30
RGB values are RGB(47, 107, 174)
#2f6bae color contains Red 18.43%, Green 41.96% and Blue 68.24%.
oklch(52.19% 0.123 253.34)
#2f6bae color contains Red 18.43%, Green 41.96% and Blue 68.24%.
oklch(52.19% 0.123 253.34)
Color Names of #2f6bae HEX code
≈ Azure
Classification of #2f6bae color
#2f6bae is Semi dark and Cool Color Saturation 57%, lightness 43%.
Shade of Royal Blue
Alternative colors of #2f6bae
Opposite Color for #2f6bae is #ae722f
#2f6bae Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f6bae
cmyk
CMYK(73%, 39%, 0%, 32%)
Decimal
3107758
HEX
#2f6bae
HSL
hsl(212, 57%, 43%)
HSLA
hsla(212, 57%, 43%, 1)
RGB
RGB(47, 107, 174)
RGBA
RGBA(47, 107, 174, 1)
Palettes for #2f6bae color:
Below are examples of color palettes with the #2f6bae HEX color
darkest color is #050b11 from shades and lightest color is #eaf0f7 from tints
Shades palette of #2f6bae:
#2a609d
#26568b
#214b7a
#1c4068
#183657
#132b46
#0e2034
#091523
#050b11
#000000
Tints palette of #2f6bae:
#447ab6
#5989be
#6d97c6
#82a6ce
#97b5d7
#acc4df
#c1d3e7
#d5e1ef
#eaf0f7
#ffffff
Complementary palette of #2f6bae:
#2f6bae
#ae722f
Triadic palette of #2f6bae:
#2f6bae
#ae2f6b
#6bae2f
Square palette of #2f6bae:
#2f6bae
#ae2fab
#ae722f
#2fae32
Analogous palette of #2f6bae:
#2fabae
#2f6bae
#322fae
Split-Complementary palette of #2f6bae:
#2f6bae
#ae322f
#abae2f
Rectangle (tetradic) palette of #2f6bae:
#2f6bae
#722fae
#ae722f
#6bae2f
Suggested color palettes for #2f6bae HEX:
Color palette with color #2f6bae #1:
Color palette with color #2f6bae #2:
Color palette with color #2f6bae #3:
Color palette with color #2f6bae #4:
Color palette with color #2f6bae #5:
Color #2f6bae used in palettes (1)
Color Contrast
Color pairings of #2f6bae with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f6bae
#2f6bae Contrast Ratio
5.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f6bae
#2f6bae Contrast Ratio
3.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f6bae color png
Visit the popular colors list for more colors