#2c7ccc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c7ccc | RGB(44, 124, 204) |
Created at 03/13/2023 00:39
RGB values are RGB(44, 124, 204)
#2c7ccc color contains Red 17.25%, Green 48.63% and Blue 80%.
oklch(57.84% 0.1449 251.89)
#2c7ccc color contains Red 17.25%, Green 48.63% and Blue 80%.
oklch(57.84% 0.1449 251.89)
Color Names of #2c7ccc HEX code
≈ Mariner
Classification of #2c7ccc color
#2c7ccc is Light and Cool Color Saturation 65%, lightness 49%.
Shade of Steel Blue
Alternative colors of #2c7ccc
Opposite Color for #2c7ccc is #cc7c2c
#2c7ccc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c7ccc
cmyk
CMYK(78%, 39%, 0%, 20%)
Decimal
2915532
HEX
#2c7ccc
HSL
hsl(210, 65%, 49%)
HSLA
hsla(210, 65%, 49%, 1)
RGB
RGB(44, 124, 204)
RGBA
RGBA(44, 124, 204, 1)
Palettes for #2c7ccc color:
Below are examples of color palettes with the #2c7ccc HEX color
darkest color is #040c14 from shades and lightest color is #eaf2fa from tints
Shades palette of #2c7ccc:
#2870b8
#2363a3
#1f578f
#1a4a7a
#163e66
#123252
#0d253d
#091929
#040c14
#000000
Tints palette of #2c7ccc:
#4189d1
#5696d6
#6ba3db
#80b0e0
#96bee6
#abcbeb
#c0d8f0
#d5e5f5
#eaf2fa
#ffffff
Complementary palette of #2c7ccc:
#2c7ccc
#cc7c2c
Triadic palette of #2c7ccc:
#2c7ccc
#cc2c7c
#7ccc2c
Square palette of #2c7ccc:
#2c7ccc
#cc2ccc
#cc7c2c
#2ccc2c
Analogous palette of #2c7ccc:
#2ccccc
#2c7ccc
#2c2ccc
Split-Complementary palette of #2c7ccc:
#2c7ccc
#cc2c2c
#cccc2c
Rectangle (tetradic) palette of #2c7ccc:
#2c7ccc
#7c2ccc
#cc7c2c
#7ccc2c
Suggested color palettes for #2c7ccc HEX:
Color palette with color #2c7ccc #1:
Color palette with color #2c7ccc #2:
Color palette with color #2c7ccc #3:
Color palette with color #2c7ccc #4:
Color palette with color #2c7ccc #5:
Color #2c7ccc used in palettes (3)
Color Contrast
Color pairings of #2c7ccc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2c7ccc
#2c7cccContrast Ratio
4.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c7ccc
#2c7cccContrast Ratio
4.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c7ccc color png
Visit the popular colors list for more colors