#5FB4A2 Color

Color Information

HEX#5FB4A2
RGB95, 180, 162
HSL167° , 36% , 54%
HSV167° , 47% , 71%
CMYK47%, 0%, 10%, 29%

Lighter Shades

#72BDAD #85C6B8 #99CFC3 #ACD8CF #BFE1DA #D2EAE5

Darker Shades

#549E8F #48897B #3D7368 #315E54 #264841 #1B322D

Complementary Palette

#529B8B #5FB4A2 #9B5262 #B45F72 #BF7586 #75BFAF

Analogous Palette

#6C9377 #779C82 #59A998 #5FB4A2 #77929C #839BA5

Triadic Palette

#549E8F #5FB4A2 #A854C0 #B269C8 #C0A854 #A9944A

Split Complementary Palette

#56A292 #5FB4A2 #B45F9C #BC6FA6 #B4775F #A26B56

Square Palette

#509788 #5FB4A2 #7C6BA8 #A86B78 #9CB45F #ACC079

Tetradic Palette

#4E9485 #5FB4A2 #4A66C9 #B45F72 #C9AE4A #D3BD6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FB4A2 contains 95 red, 180 green, and 162 blue.

Contrast Ratio: 2.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.66:1