#213E50 Color

Color Information

HEX	#213E50
RGB	33, 62, 80
HSL	203° , 42% , 22%
HSV	203° , 59% , 31%
CMYK	59%, 23%, 0%, 69%

Lighter Shades

#3C5565 #566C7A #71838F #8C9BA4 #A6B2B9 #C1C9CE

Darker Shades

#1D3746 #192F3D #152833 #11202A #0D1920 #091116

Complementary Palette

#1C3545 #213E50 #452C1C #503321 #695040 #405969

Analogous Palette

#283E3B #2C4441 #1F3A4B #213E50 #2C2E44 #3D3F52

Triadic Palette

#1D3746 #213E50 #551B3F #693656 #3F551B #374B18

Split Complementary Palette

#1E3848 #213E50 #502126 #62373C #504A21 #48431E

Square Palette

#1C3443 #213E50 #45264A #4A3426 #265021 #496C45

Tetradic Palette

#1B3342 #213E50 #30165A #503321 #405A16 #627840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #213E50 contains 33 red, 62 green, and 80 blue.

Contrast Ratio: 11.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.8:1