#869B63

#869B63

Color Values

HEX

#869B63

RGB

134, 155, 99

HSL

82.5, 22.0%, 49.8%

HSV

82.5, 36.1%, 60.8%

CMYK

13.5%, 0.0%, 36.1%, 39.2%

OKLCH

0.6589 0.0818 125.3

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#869B63

#78639B

Analogous

#9B9463

#6A9B63

#869B63

Triadic

#869B63

#63869B

#9B6386

Split Complementary

#869B63

#636A9B

#94639B

Tetradic

#869B63

#639B94

#78639B

#9B636A

Color Blindness Simulation

Original

#869B63

Protanopia

#8F8F71

Deuteranopia

#8E8C74

Tritanopia

#877B7E

Achromatopsia

#929292

CSS Usage

background-color: #869B63;
color: #869B63;
border-color: #869B63;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DDE3D3
300
#C5CFB4
400
#A6B58C
500
#879C63
600
#6C7C50
700
#566440
800
#434E32
900
#333A27
950
#202519

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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