#5F8168 Color

Color Information

HEX	#5F8168
RGB	95, 129, 104
HSL	136° , 15% , 44%
HSV	136° , 26% , 51%
CMYK	26%, 0%, 19%, 49%

Lighter Shades

#72907A #859F8C #99AE9E #ACBDB0 #BFCDC3 #D2DCD5

Darker Shades

#54725C #48624F #3D5343 #314336 #26342A #1B241D

Complementary Palette

#526F59 #5F8168 #6F5267 #815F78 #93758B #75937D

Analogous Palette

#5E7557 #67815F #597962 #5F8168 #5F8179 #688D84

Triadic Palette

#54725C #5F8168 #63548C #76699A #8C6354 #7B574A

Split Complementary Palette

#56745E #5F8168 #795F81 #866F8E #815F67 #74565D

Square Palette

#506C57 #5F8168 #5F6781 #815F78 #81795F #958E79

Tetradic Palette

#4E6A55 #5F8168 #4B8195 #815F78 #955F4B #A87C6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F8168 contains 95 red, 129 green, and 104 blue.

Contrast Ratio: 4.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.88:1