#2D4D62 Color

Color Information

HEX	#2D4D62
RGB	45, 77, 98
HSL	204° , 37% , 28%
HSV	204° , 54% , 38%
CMYK	54%, 21%, 0%, 62%

Lighter Shades

#466275 #5F7888 #798D9B #92A2AD #ABB8C0 #C4CDD3

Darker Shades

#284456 #223B4A #1D313F #172833 #121F27 #0D161B

Complementary Palette

#274254 #2D4D62 #543927 #62422D #785C4A #4A6678

Analogous Palette

#374E4C #3B5451 #2A485C #2D4D62 #3B3E54 #4A4C64

Triadic Palette

#284456 #2D4D62 #69264E #7B4063 #4E6926 #455C21

Split Complementary Palette

#294558 #2D4D62 #622D32 #724247 #625D2D #585429

Square Palette

#264152 #2D4D62 #57345B #5B4434 #32622D #537B4F

Tetradic Palette

#253F50 #2D4D62 #40206F #62422D #4F6F20 #6F8948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4D62 contains 45 red, 77 green, and 98 blue.

Contrast Ratio: 9.15:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.3:1