#212A63 Color

Color Information

HEX#212A63
RGB33, 42, 99
HSL232° , 50% , 26%
HSV232° , 67% , 39%
CMYK67%, 58%, 0%, 61%

Lighter Shades

#3C4476 #565D88 #71779B #8C90AE #A6AAC1 #C1C3D3

Darker Shades

#1D2557 #19204B #151B3F #111633 #0D1128 #090C1C

Complementary Palette

#1C2455 #212A63 #554E1C #635B21 #797240 #404879

Analogous Palette

#2B4250 #2E4856 #1F275D #212A63 #3D2E56 #4E445F

Triadic Palette

#1D2557 #212A63 #6A1B25 #7C363F #256A1B #215D18

Split Complementary Palette

#1E2659 #212A63 #633921 #734D37 #4B6321 #44591E

Square Palette

#1C2353 #212A63 #5D2849 #5D5728 #216339 #457C59

Tetradic Palette

#1B2251 #212A63 #65156F #635B21 #216F15 #49893F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #212A63 contains 33 red, 42 green, and 99 blue.

Contrast Ratio: 14.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.5:1