#556282 Color

Color Information

HEX#556282
RGB85, 98, 130
HSL223° , 21% , 42%
HSV223° , 35% , 51%
CMYK35%, 25%, 0%, 49%

Lighter Shades

#697591 #7E88A0 #929BAF #A7ADBE #BBC0CD #CFD3DC

Darker Shades

#4B5672 #414A63 #363F53 #2C3344 #222734 #181B24

Complementary Palette

#495470 #556282 #706549 #827555 #94886D #6D7894

Analogous Palette

#556B72 #5B747B #505C7A #556282 #615B7B #6D668A

Triadic Palette

#4B5672 #556282 #8C4A5C #9A6070 #5C8C4A #517B41

Split Complementary Palette

#4D5875 #556282 #825E55 #8F6E66 #788255 #6C754D

Square Palette

#47526D #556282 #7B5B74 #7B725B #55825E #709678

Tetradic Palette

#46506B #556282 #7D4195 #827555 #589541 #76A863

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556282 contains 85 red, 98 green, and 130 blue.

Contrast Ratio: 6.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.45:1