#21556A Color

Color Information

HEX#21556A
RGB33, 85, 106
HSL197° , 53% , 27%
HSV197° , 69% , 42%
CMYK69%, 20%, 0%, 58%

Lighter Shades

#3C697C #567E8E #7192A0 #8CA7B2 #A6BBC3 #C1CFD5

Darker Shades

#1D4B5D #194151 #153644 #112C37 #0D222A #09181E

Complementary Palette

#1C495B #21556A #5A2E1C #693520 #7E513F #406D7F

Analogous Palette

#2A554D #2E5C52 #1F5064 #21556A #2E385C #434B65

Triadic Palette

#1D4B5D #21556A #701959 #81356D #597019 #4E6316

Split Complementary Palette

#1E4D5F #21556A #692030 #783645 #695A20 #5F511D

Square Palette

#1C4759 #21556A #572762 #623827 #306920 #518144

Tetradic Palette

#1B4657 #21556A #301476 #693520 #5C7614 #798F3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #21556A contains 33 red, 85 green, and 106 blue.

Contrast Ratio: 8.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.53:1