#888F60

#888F60

Color Values

HEX

#888F60

RGB

136, 143, 96

HSL

68.9, 19.7%, 46.9%

HSV

68.9, 32.9%, 56.1%

CMYK

4.9%, 0.0%, 32.9%, 43.9%

OKLCH

0.6322 0.0666 115.2

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#888F60

#67608F

Analogous

#8F7F60

#718F60

#888F60

Triadic

#888F60

#60888F

#8F6088

Split Complementary

#888F60

#60718F

#7F608F

Tetradic

#888F60

#608F7F

#67608F

#8F6071

Color Blindness Simulation

Original

#888F60

Protanopia

#8B8B6B

Deuteranopia

#8B8A6E

Tritanopia

#887476

Achromatopsia

#8A8A8A

CSS Usage

background-color: #888F60;
color: #888F60;
border-color: #888F60;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E0E2D4
300
#CACEB6
400
#AEB38E
500
#919966
600
#747A52
700
#5D6242
800
#494C33
900
#363928
950
#222419

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026