#214270 Color

Color Information

HEX#214270
RGB33, 66, 112
HSL215° , 54% , 28%
HSV215° , 71% , 44%
CMYK71%, 41%, 0%, 56%

Lighter Shades

#3C5981 #566F92 #7186A3 #8C9DB5 #A6B3C6 #C1CAD7

Darker Shades

#1D3A63 #193255 #152A48 #11223A #0D1A2D #09121F

Complementary Palette

#1C3960 #214270 #5F431C #6E4E21 #826740 #405C84

Analogous Palette

#2C5659 #2F5C60 #1F3E69 #214270 #332F60 #474469

Triadic Palette

#1D3A63 #214270 #751A40 #863557 #40751A #386717

Split Complementary Palette

#1E3B65 #214270 #6E2721 #7D3D37 #686E21 #5E631E

Square Palette

#1C375E #214270 #672862 #674D28 #216E27 #45854A

Tetradic Palette

#1B365C #214270 #50147B #6E4E21 #3F7B14 #62933E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #214270 contains 33 red, 66 green, and 112 blue.

Contrast Ratio: 10.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1