#868F2B

#868F2B

Color Values

HEX

#868F2B

RGB

134, 143, 43

HSL

65.4, 53.8%, 36.5%

HSV

65.4, 69.9%, 56.1%

CMYK

6.3%, 0.0%, 69.9%, 43.9%

OKLCH

0.6233 0.1219 114.4

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#868F2B

#342B8F

Analogous

#8F662B

#548F2B

#868F2B

Triadic

#868F2B

#2B868F

#8F2B86

Split Complementary

#868F2B

#2B548F

#662B8F

Tetradic

#868F2B

#2B8F66

#342B8F

#8F2B54

Color Blindness Simulation

Original

#868F2B

Protanopia

#8A8A43

Deuteranopia

#898949

Tritanopia

#86565A

Achromatopsia

#868686

CSS Usage

background-color: #868F2B;
color: #868F2B;
border-color: #868F2B;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EBEFC8
300
#DDE3A1
400
#CAD36E
500
#B8C43B
600
#939D2F
700
#767E26
800
#5C621D
900
#444819
950
#2B2D10

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.98:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026