#214B63 Color

Color Information

HEX#214B63
RGB33, 75, 99
HSL202° , 50% , 26%
HSV202° , 67% , 39%
CMYK67%, 24%, 0%, 61%

Lighter Shades

#3C6176 #567688 #718C9B #8CA1AE #A6B7C1 #C1CDD3

Darker Shades

#1D4257 #19394B #15303F #112733 #0D1E28 #09151C

Complementary Palette

#1C4155 #214B63 #55311C #633921 #795540 #406479

Analogous Palette

#2B504B #2E5652 #1F475D #214B63 #2E3456 #44475F

Triadic Palette

#1D4257 #214B63 #6A1B4D #7C3662 #4D6A1B #445D18

Split Complementary Palette

#1E4459 #214B63 #63212A #73373F #635B21 #59521E

Square Palette

#1C3F53 #214B63 #57285D #5D3B28 #2A6321 #4C7C45

Tetradic Palette

#1B3E51 #214B63 #36156F #633921 #4E6F15 #6E893F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #214B63 contains 33 red, 75 green, and 99 blue.

Contrast Ratio: 9.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1