#5F878F Color

Color Information

HEX#5F878F
RGB95, 135, 143
HSL190° , 20% , 47%
HSV190° , 34% , 56%
CMYK34%, 6%, 0%, 44%

Lighter Shades

#72959C #85A4AA #99B2B7 #ACC1C5 #BFCFD2 #D2DDE0

Darker Shades

#54777E #48676D #3D565C #31464A #263639 #1B2628

Complementary Palette

#52747B #5F878F #7C5953 #906860 #A07D76 #75989F

Analogous Palette

#5D7E74 #668A7E #597F86 #5F878F #66728A #6F7B95

Triadic Palette

#54777E #5F878F #9C5490 #A8699D #909C54 #7F894A

Split Complementary Palette

#567A81 #5F878F #906070 #9B707E #908060 #827356

Square Palette

#507178 #5F878F #7E668A #8A6C66 #709060 #87A279

Tetradic Palette

#4E6F75 #5F878F #594AA5 #906860 #96A54A #A9B56B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F878F contains 95 red, 135 green, and 143 blue.

Contrast Ratio: 3.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.42:1