#2f7ecf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f7ecf | RGB(47, 126, 207) |
Created at 02/21/2023 13:59
RGB values are RGB(47, 126, 207)
#2f7ecf color contains Red 18.43%, Green 49.41% and Blue 81.18%.
oklch(58.56% 0.1457 252.24)
#2f7ecf color contains Red 18.43%, Green 49.41% and Blue 81.18%.
oklch(58.56% 0.1457 252.24)
Color Names of #2f7ecf HEX code
≈ Mariner
Classification of #2f7ecf color
#2f7ecf is Light and Cool Color Saturation 63%, lightness 50%.
Shade of Steel Blue
Alternative colors of #2f7ecf
Opposite Color for #2f7ecf is #cf802f
#2f7ecf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f7ecf
cmyk
CMYK(77%, 39%, 0%, 19%)
Decimal
3112655
HEX
#2f7ecf
HSL
hsl(210, 63%, 50%)
HSLA
hsla(210, 63%, 50%, 1)
RGB
RGB(47, 126, 207)
RGBA
RGBA(47, 126, 207, 1)
Palettes for #2f7ecf color:
Below are examples of color palettes with the #2f7ecf HEX color
darkest color is #050d15 from shades and lightest color is #eaf2fa from tints
Shades palette of #2f7ecf:
#2a71ba
#2665a6
#215891
#1c4c7c
#183f68
#133253
#0e263e
#091929
#050d15
#000000
Tints palette of #2f7ecf:
#448bd4
#5998d9
#6da5dd
#82b2e2
#97bfe7
#accbec
#c1d8f1
#d5e5f5
#eaf2fa
#ffffff
Complementary palette of #2f7ecf:
#2f7ecf
#cf802f
Triadic palette of #2f7ecf:
#2f7ecf
#cf2f7e
#7ecf2f
Square palette of #2f7ecf:
#2f7ecf
#cf2fce
#cf802f
#2fcf30
Analogous palette of #2f7ecf:
#2fcecf
#2f7ecf
#302fcf
Split-Complementary palette of #2f7ecf:
#2f7ecf
#cf302f
#cecf2f
Rectangle (tetradic) palette of #2f7ecf:
#2f7ecf
#802fcf
#cf802f
#7ecf2f
Suggested color palettes for #2f7ecf HEX:
Color palette with color #2f7ecf #1:
Color palette with color #2f7ecf #2:
Color palette with color #2f7ecf #3:
Color palette with color #2f7ecf #4:
Color palette with color #2f7ecf #5:
Color #2f7ecf used in palettes (1)
Color Contrast
Color pairings of #2f7ecf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f7ecf
#2f7ecfContrast Ratio
4.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f7ecf
#2f7ecfContrast Ratio
5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f7ecf color png
Visit the popular colors list for more colors