#214150 Color

Color Information

HEX	#214150
RGB	33, 65, 80
HSL	199° , 42% , 22%
HSV	199° , 59% , 31%
CMYK	59%, 19%, 0%, 69%

Lighter Shades

#3C5865 #566F7A #71858F #8C9CA4 #A6B3B9 #C1CACE

Darker Shades

#1D3946 #19313D #152A33 #11222A #0D1A20 #091216

Complementary Palette

#1C3845 #214150 #45281C #502F21 #694C40 #405C69

Analogous Palette

#283E3A #2C4440 #1F3D4B #214150 #2C3044 #3D4052

Triadic Palette

#1D3946 #214150 #551B43 #69365A #43551B #3B4B18

Split Complementary Palette

#1E3B48 #214150 #502129 #62373E #504721 #48401E

Square Palette

#1C3743 #214150 #43264A #4A3126 #295021 #4B6C45

Tetradic Palette

#1B3542 #214150 #2B165A #502F21 #445A16 #667840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #214150 contains 33 red, 65 green, and 80 blue.

Contrast Ratio: 11.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1