#888D3D

#888D3D

Color Values

HEX

#888D3D

RGB

136, 141, 61

HSL

63.8, 39.6%, 39.6%

HSV

63.8, 56.7%, 55.3%

CMYK

3.5%, 0.0%, 56.7%, 44.7%

OKLCH

0.6221 0.1039 112.3

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#888D3D

#423D8D

Analogous

#8D6A3D

#608D3D

#888D3D

Triadic

#888D3D

#3D888D

#8D3D88

Split Complementary

#888D3D

#3D608D

#6A3D8D

Tetradic

#888D3D

#3D8D6A

#423D8D

#8D3D60

Color Blindness Simulation

Original

#888D3D

Protanopia

#8A8A50

Deuteranopia

#8A8A55

Tritanopia

#886063

Achromatopsia

#868686

CSS Usage

background-color: #888D3D;
color: #888D3D;
border-color: #888D3D;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFAF5
100
#F2F3E7
200
#E8E9CD
300
#D7DAAA
400
#C1C67B
500
#ACB24D
600
#898E3E
700
#6E7231
800
#565927
900
#40421F
950
#282A14

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.92: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