#869307

#869307

Color Values

HEX

#869307

RGB

134, 147, 7

HSL

65.6, 90.9%, 30.2%

HSV

65.6, 95.2%, 57.6%

CMYK

8.8%, 0.0%, 95.2%, 42.4%

OKLCH

0.631 0.1424 115.9

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#869307

#140793

Analogous

#935A07

#409307

#869307

Triadic

#869307

#078693

#930786

Split Complementary

#869307

#074093

#5A0793

Tetradic

#869307

#07935A

#140793

#930740

Color Blindness Simulation

Original

#869307

Protanopia

#8C8C29

Deuteranopia

#8B8A31

Tritanopia

#87444A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F6FCBB
300
#EFF98A
400
#E6F64B
500
#DEF30C
600
#B1C309
700
#8E9C07
800
#6F7A06
900
#515809
950
#333806

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

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