#214250 Color

Color Information

HEX#214250
RGB33, 66, 80
HSL198° , 42% , 22%
HSV198° , 59% , 31%
CMYK59%, 18%, 0%, 69%

Lighter Shades

#3C5965 #566F7A #71868F #8C9DA4 #A6B3B9 #C1CACE

Darker Shades

#1D3A46 #19323D #152A33 #11222A #0D1A20 #091216

Complementary Palette

#1C3945 #214250 #45281C #502F21 #694C40 #405C69

Analogous Palette

#283E39 #2C443F #1F3E4B #214250 #2C3044 #3D4152

Triadic Palette

#1D3A46 #214250 #551B44 #69365A #44551B #3C4B18

Split Complementary Palette

#1E3B48 #214250 #50212A #62373F #504621 #483F1E

Square Palette

#1C3743 #214250 #42264A #4A3126 #2A5021 #4C6C45

Tetradic Palette

#1B3642 #214250 #2B165A #502F21 #465A16 #677840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #214250 contains 33 red, 66 green, and 80 blue.

Contrast Ratio: 11.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.89:1