#212A50 Color

Color Information

HEX	#212A50
RGB	33, 42, 80
HSL	229° , 42% , 22%
HSV	229° , 59% , 31%
CMYK	59%, 48%, 0%, 69%

Lighter Shades

#3C4465 #565D7A #71778F #8C90A4 #A6AAB9 #C1C3CE

Darker Shades

#1D2546 #19203D #151B33 #11162A #0D1120 #090C16

Complementary Palette

#1C2445 #212A50 #453D1C #504721 #696140 #404869

Analogous Palette

#28373E #2C3D44 #1F274B #212A50 #332C44 #433D52

Triadic Palette

#1D2546 #212A50 #551B25 #69363F #25551B #214B18

Split Complementary Palette

#1E2648 #212A50 #502F21 #624437 #415021 #3B481E

Square Palette

#1C2343 #212A50 #4A263F #4A4326 #21502F #456C50

Tetradic Palette

#1B2242 #212A50 #4D165A #504721 #225A16 #4A7840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #212A50 contains 33 red, 42 green, and 80 blue.

Contrast Ratio: 14.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.43:1