#869308

#869308

Color Values

HEX

#869308

RGB

134, 147, 8

HSL

65.6, 89.7%, 30.4%

HSV

65.6, 94.6%, 57.6%

CMYK

8.8%, 0.0%, 94.6%, 42.4%

OKLCH

0.6311 0.1422 115.9

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#869308

#150893

Analogous

#935A08

#419308

#869308

Triadic

#869308

#088693

#930886

Split Complementary

#869308

#084193

#5A0893

Tetradic

#869308

#08935A

#150893

#930841

Color Blindness Simulation

Original

#869308

Protanopia

#8C8C2A

Deuteranopia

#8B8A32

Tritanopia

#87444A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FBE0
200
#F5FBBB
300
#EEF98B
400
#E5F54C
500
#DDF20D
600
#B0C10B
700
#8D9B08
800
#6E7907
900
#505809
950
#333706

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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