#869458

#869458

Color Values

HEX

#869458

RGB

134, 148, 88

HSL

74.0, 25.4%, 46.3%

HSV

74.0, 40.5%, 58.0%

CMYK

9.5%, 0.0%, 40.5%, 42.0%

OKLCH

0.6406 0.0844 119.6

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#869458

#665894

Analogous

#948458

#689458

#869458

Triadic

#869458

#588694

#945886

Split Complementary

#869458

#586894

#845894

Tetradic

#869458

#589484

#665894

#945868

Color Blindness Simulation

Original

#869458

Protanopia

#8C8C67

Deuteranopia

#8B8A6A

Tritanopia

#877274

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E4D2
300
#CAD1B2
400
#ADB989
500
#91A05F
600
#74804C
700
#5D663D
800
#485030
900
#363C25
950
#222618

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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