#2f7ccf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f7ccf | RGB(47, 124, 207) |
Created at 02/26/2023 22:57
RGB values are RGB(47, 124, 207)
#2f7ccf color contains Red 18.43%, Green 48.63% and Blue 81.18%.
oklch(58.11% 0.1478 253.19)
#2f7ccf color contains Red 18.43%, Green 48.63% and Blue 81.18%.
oklch(58.11% 0.1478 253.19)
Color Names of #2f7ccf HEX code
≈ Mariner
Classification of #2f7ccf color
#2f7ccf is Light and Cool Color Saturation 63%, lightness 50%.
Shade of Steel Blue
Alternative colors of #2f7ccf
Opposite Color for #2f7ccf is #cf822f
#2f7ccf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f7ccf
cmyk
CMYK(77%, 40%, 0%, 19%)
Decimal
3112143
HEX
#2f7ccf
HSL
hsl(211, 63%, 50%)
HSLA
hsla(211, 63%, 50%, 1)
RGB
RGB(47, 124, 207)
RGBA
RGBA(47, 124, 207, 1)
Palettes for #2f7ccf color:
Below are examples of color palettes with the #2f7ccf HEX color
darkest color is #050c15 from shades and lightest color is #eaf2fa from tints
Shades palette of #2f7ccf:
#2a70ba
#2663a6
#215791
#1c4a7c
#183e68
#133253
#0e253e
#091929
#050c15
#000000
Tints palette of #2f7ccf:
#4489d4
#5996d9
#6da3dd
#82b0e2
#97bee7
#accbec
#c1d8f1
#d5e5f5
#eaf2fa
#ffffff
Complementary palette of #2f7ccf:
#2f7ccf
#cf822f
Triadic palette of #2f7ccf:
#2f7ccf
#cf2f7c
#7ccf2f
Square palette of #2f7ccf:
#2f7ccf
#cf2fcc
#cf822f
#2fcf32
Analogous palette of #2f7ccf:
#2fcccf
#2f7ccf
#322fcf
Split-Complementary palette of #2f7ccf:
#2f7ccf
#cf322f
#cccf2f
Rectangle (tetradic) palette of #2f7ccf:
#2f7ccf
#822fcf
#cf822f
#7ccf2f
Suggested color palettes for #2f7ccf HEX:
Color palette with color #2f7ccf #1:
Color palette with color #2f7ccf #2:
Color palette with color #2f7ccf #3:
Color palette with color #2f7ccf #4:
Color palette with color #2f7ccf #5:
Color #2f7ccf used in palettes (1)
Color Contrast
Color pairings of #2f7ccf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f7ccf
#2f7ccfContrast Ratio
4.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f7ccf
#2f7ccfContrast Ratio
4.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f7ccf color png
Visit the popular colors list for more colors