#5FA592 Color

Color Information

HEX#5FA592
RGB95, 165, 146
HSL164° , 28% , 51%
HSV164° , 42% , 65%
CMYK42%, 0%, 12%, 35%

Lighter Shades

#72B09F #85BBAC #99C5B9 #ACD0C6 #BFDBD3 #D2E6E0

Darker Shades

#549180 #487D6F #3D6A5D #31564C #26423A #1B2E29

Complementary Palette

#528E7E #5FA592 #8E5262 #A55F72 #B27586 #75B2A1

Analogous Palette

#668A6E #6F9578 #599B89 #5FA592 #6F8C95 #7B959D

Triadic Palette

#549180 #5FA592 #9853B2 #A468BB #B29853 #9D8649

Split Complementary Palette

#569583 #5FA592 #A55F95 #AE6FA0 #A56F5F #956456

Square Palette

#508B7B #5FA592 #766C99 #996C78 #95A55F #A6B379

Tetradic Palette

#4E8778 #5FA592 #4967BC #A55F72 #BC9D49 #C8AF6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA592 contains 95 red, 165 green, and 146 blue.

Contrast Ratio: 2.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.4:1