#86900F

#86900F

Color Values

HEX

#86900F

RGB

134, 144, 15

HSL

64.7, 81.1%, 31.2%

HSV

64.7, 89.6%, 56.5%

CMYK

6.9%, 0.0%, 89.6%, 43.5%

OKLCH

0.6241 0.1372 114.6

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#86900F

#190F90

Analogous

#905A0F

#45900F

#86900F

Triadic

#86900F

#0F8690

#900F86

Split Complementary

#86900F

#0F4590

#5A0F90

Tetradic

#86900F

#0F905A

#190F90

#900F45

Color Blindness Simulation

Original

#86900F

Protanopia

#8A8A2E

Deuteranopia

#8A8936

Tritanopia

#86474C

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F4F8BE
300
#ECF390
400
#E1ED54
500
#D7E718
600
#ACB913
700
#89940F
800
#6B730C
900
#4E540D
950
#313508

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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