#556F72 Color

Color Information

HEX#556F72
RGB85, 111, 114
HSL186° , 15% , 39%
HSV186° , 25% , 45%
CMYK25%, 3%, 0%, 55%

Lighter Shades

#698083 #7E9294 #92A3A5 #A7B4B6 #BBC5C7 #CFD7D8

Darker Shades

#4B6264 #415457 #364749 #2C3A3B #222C2E #181F20

Complementary Palette

#495F62 #556F72 #624C49 #725855 #866F6D #6D8386

Analogous Palette

#4E6A5F #557266 #50686B #556F72 #556072 #5F6C81

Triadic Palette

#4B6264 #556F72 #7C4B77 #8C6187 #777C4B #696D42

Split Complementary Palette

#4D6467 #556F72 #725560 #806670 #726655 #675C4D

Square Palette

#475D60 #556F72 #665572 #725855 #607255 #798970

Tetradic Palette

#465B5D #556F72 #494384 #725855 #7E8443 #959A65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556F72 contains 85 red, 111 green, and 114 blue.

Contrast Ratio: 5.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.92:1