#214550 Color

Color Information

HEX	#214550
RGB	33, 69, 80
HSL	194° , 42% , 22%
HSV	194° , 59% , 31%
CMYK	59%, 14%, 0%, 69%

Lighter Shades

#3C5B65 #56727A #71888F #8C9EA4 #A6B5B9 #C1CBCE

Darker Shades

#1D3D46 #19343D #152C33 #11242A #0D1C20 #091316

Complementary Palette

#1C3B45 #214550 #45261C #502C21 #694A40 #405F69

Analogous Palette

#283E38 #2C443D #1F414B #214550 #2C3244 #3D4252

Triadic Palette

#1D3D46 #214550 #551B48 #69365E #48551B #3F4B18

Split Complementary Palette

#1E3E48 #214550 #50212D #623742 #504321 #483C1E

Square Palette

#1C3A43 #214550 #40264A #4A2F26 #2D5021 #4F6C45

Tetradic Palette

#1B3942 #214550 #26165A #502C21 #4A5A16 #6B7840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #214550 contains 33 red, 69 green, and 80 blue.

Contrast Ratio: 10.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.97:1