#214A5C Color

Color Information

HEX#214A5C
RGB33, 74, 92
HSL198° , 47% , 25%
HSV198° , 64% , 36%
CMYK64%, 20%, 0%, 64%

Lighter Shades

#3C6070 #567583 #718B97 #8CA1AA #A6B7BE #C1CCD1

Darker Shades

#1D4151 #193846 #152F3B #112630 #0D1E25 #09151A

Complementary Palette

#1C404F #214A5C #512D1D #5E3422 #755041 #406373

Analogous Palette

#2B4A44 #2F514A #1F4656 #214A5C #2F3551 #43485B

Triadic Palette

#1D4151 #214A5C #641B4E #773663 #4E641B #455818

Split Complementary Palette

#1E4353 #214A5C #5E222E #6E3843 #5E5222 #554A1F

Square Palette

#1C3E4D #214A5C #4E2857 #573628 #2E5E22 #4F7845

Tetradic Palette

#1B3D4B #214A5C #2F1669 #5E3422 #506916 #708440

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #214A5C contains 33 red, 74 green, and 92 blue.

Contrast Ratio: 9.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.14:1