#5F9696 Color

Color Information

HEX#5F9696
RGB95, 150, 150
HSL180° , 22% , 48%
HSV180° , 37% , 59%
CMYK37%, 0%, 0%, 41%

Lighter Shades

#72A3A3 #85AFAF #99BCBC #ACC8C8 #BFD5D5 #D2E2E2

Darker Shades

#548484 #487272 #3D6060 #314E4E #263C3C #1B2A2A

Complementary Palette

#528181 #5F9696 #805252 #955F5F #A47575 #75A5A5

Analogous Palette

#5F8170 #688D7A #598D8D #5F9696 #687A8D #728597

Triadic Palette

#548484 #5F9696 #A253A2 #AD68AD #A2A253 #8F8F49

Split Complementary Palette

#568787 #5F9696 #955F7A #A06F87 #957A5F #866E56

Square Palette

#507E7E #5F9696 #7A688D #8D6868 #7A955F #8FA679

Tetradic Palette

#4E7B7B #5F9696 #4949AB #955F5F #ABAB49 #BABA6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F9696 contains 95 red, 150 green, and 150 blue.

Contrast Ratio: 3.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.38:1