#214C63 Color

Color Information

HEX#214C63
RGB33, 76, 99
HSL201° , 50% , 26%
HSV201° , 67% , 39%
CMYK67%, 23%, 0%, 61%

Lighter Shades

#3C6176 #567788 #718C9B #8CA2AE #A6B7C1 #C1CDD3

Darker Shades

#1D4357 #193A4B #15313F #112833 #0D1E28 #09151C

Complementary Palette

#1C4155 #214C63 #55301C #633821 #795440 #406579

Analogous Palette

#2B504B #2E5651 #1F475D #214C63 #2E3456 #44485F

Triadic Palette

#1D4357 #214C63 #6A1B4E #7C3663 #4E6A1B #455D18

Split Complementary Palette

#1E4459 #214C63 #63212B #733740 #635A21 #59511E

Square Palette

#1C4053 #214C63 #56285D #5D3A28 #2B6321 #4D7C45

Tetradic Palette

#1B3E51 #214C63 #35156F #633821 #506F15 #70893F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #214C63 contains 33 red, 76 green, and 99 blue.

Contrast Ratio: 9.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.22:1