#5F677A Color

Color Information

HEX#5F677A
RGB95, 103, 122
HSL222° , 12% , 43%
HSV222° , 22% , 48%
CMYK22%, 16%, 0%, 52%

Lighter Shades

#72798A #858B9A #999EAA #ACB0BA #BFC2CA #D2D4DA

Darker Shades

#545B6B #484E5D #3D424E #31363F #262931 #1B1D22

Complementary Palette

#525969 #5F677A #6A6353 #7B7360 #8D8776 #757C8D

Analogous Palette

#556D72 #5D787E #596173 #5F677A #645D7E #6F688D

Triadic Palette

#545B6B #5F677A #865664 #956A77 #648656 #58764C

Split Complementary Palette

#565D6E #5F677A #7B6660 #887570 #767B60 #6A6F56

Square Palette

#505766 #5F677A #7E5D78 #7E745D #607B66 #79907E

Tetradic Palette

#4E5464 #5F677A #7B4D8F #7B7360 #608F4D #7DA36D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F677A contains 95 red, 103 green, and 122 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1