#5FAA9C Color

Color Information

HEX#5FAA9C
RGB95, 170, 156
HSL169° , 31% , 52%
HSV169° , 44% , 67%
CMYK44%, 0%, 8%, 33%

Lighter Shades

#72B4A8 #85BEB4 #99C9C0 #ACD3CC #BFDDD7 #D2E7E3

Darker Shades

#549689 #488177 #3D6D64 #315851 #26443E #1B302C

Complementary Palette

#529286 #5FAA9C #93525E #AB5F6D #B77581 #75B6AA

Analogous Palette

#688D74 #72977E #59A093 #5FAA9C #728B97 #7E95A0

Triadic Palette

#549689 #5FAA9C #A452B7 #AF67C0 #B7A452 #A19048

Split Complementary Palette

#56998C #5FAA9C #AB5F93 #B36F9E #AB775F #9A6B56

Square Palette

#508F83 #5FAA9C #7B6B9E #9E6B74 #93AB5F #A4B879

Tetradic Palette

#4E8B80 #5FAA9C #495FC1 #AB5F6D #C1AB49 #CCBA6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FAA9C contains 95 red, 170 green, and 156 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.84:1