#5FA596 Color

Color Information

HEX#5FA596
RGB95, 165, 150
HSL167° , 28% , 51%
HSV167° , 42% , 65%
CMYK42%, 0%, 9%, 35%

Lighter Shades

#72B0A3 #85BBAF #99C5BC #ACD0C8 #BFDBD5 #D2E6E2

Darker Shades

#549184 #487D72 #3D6A60 #31564E #26423C #1B2E2A

Complementary Palette

#528E81 #5FA596 #8E525F #A55F6E #B27582 #75B2A5

Analogous Palette

#668A71 #6F957A #599B8D #5FA596 #6F8A95 #7B949D

Triadic Palette

#549184 #5FA596 #9D53B2 #A968BB #B29D53 #9D8A49

Split Complementary Palette

#569587 #5FA596 #A55F91 #AE6F9C #A5735F #956856

Square Palette

#508B7E #5FA596 #786C99 #996C75 #91A55F #A3B379

Tetradic Palette

#4E877B #5FA596 #4961BC #A55F6E #BCA349 #C8B46A

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.42:1