#2d7ccc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2d7ccc | RGB(45, 124, 204) |
Created at 05/13/2026 07:29
Classification of #2d7ccc color
#2d7ccc is Light and Cool Color Saturation 64%, lightness 49%.
Shade of Steel Blue
RGB values are RGB(45, 124, 204)
#2d7ccc color contains Red 17.65%, Green 48.63% and Blue 80%.
oklch(57.86% 0.1446 252.07)
#2d7ccc color contains Red 17.65%, Green 48.63% and Blue 80%.
oklch(57.86% 0.1446 252.07)
Color Names of #2d7ccc HEX code
≈ Mariner
Alternative colors of #2d7ccc
Opposite Color for #2d7ccc is #cc7d2d
#2d7ccc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d7ccc
cmyk
CMYK(78%, 39%, 0%, 20%)
Decimal
2981068
HEX
#2d7ccc
HSL
hsl(210, 64%, 49%)
HSLA
hsla(210, 64%, 49%, 1)
RGB
RGB(45, 124, 204)
RGBA
RGBA(45, 124, 204, 1)
Palettes for #2d7ccc color:
Below examples of color palettes for #2d7ccc HEX color
darkest color is #040c14 from shades and lightest color is #eaf2fa from tints
Shades palette of #2d7ccc:
#2970b8
#2463a3
#1f578f
#1b4a7a
#173e66
#123252
#0e253d
#091929
#040c14
#000000
Tints palette of #2d7ccc:
#4289d1
#5796d6
#6ca3db
#81b0e0
#96bee6
#abcbeb
#c0d8f0
#d5e5f5
#eaf2fa
#ffffff
Complementary palette of #2d7ccc:
#2d7ccc
#cc7d2d
Triadic palette of #2d7ccc:
#2d7ccc
#cc2d7c
#7ccc2d
Square palette of #2d7ccc:
#2d7ccc
#cc2dcb
#cc7d2d
#2dcc2d
Analogous palette of #2d7ccc:
#2dcbcc
#2d7ccc
#2e2dcc
Split-Complementary palette of #2d7ccc:
#2d7ccc
#cc2d2d
#cccc2d
Rectangle (tetradic) palette of #2d7ccc:
#2d7ccc
#7d2dcc
#cc7d2d
#7ccc2d
Suggested color palettes for #2d7ccc HEX:
Color palette with color #2d7ccc #1:
Color palette with color #2d7ccc #2:
Color palette with color #2d7ccc #3:
Color palette with color #2d7ccc #4:
Color palette with color #2d7ccc #5:
Color #2d7ccc used in palettes (1)
Color Contrast
Color pairings #2d7ccc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2d7ccc
#2d7ccc Contrast Ratio
4.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d7ccc
#2d7ccc Contrast Ratio
4.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d7ccc color png
Visit the popular colors list for more colors