#868612

#868612

Color Values

HEX

#868612

RGB

134, 134, 18

HSL

60.0, 76.3%, 29.8%

HSV

60.0, 86.6%, 52.5%

CMYK

0.0%, 0.0%, 86.6%, 47.5%

OKLCH

0.6007 0.1258 109.7

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#868612

#121286

Analogous

#864C12

#4C8612

#868612

Triadic

#868612

#128686

#861286

Split Complementary

#868612

#124C86

#4C1286

Tetradic

#868612

#12864C

#121286

#86124C

Color Blindness Simulation

Original

#868612

Protanopia

#86862E

Deuteranopia

#868635

Tritanopia

#864449

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E2
200
#F7F7C0
300
#F0F093
400
#E9E959
500
#E1E11E
600
#B4B418
700
#909013
800
#70700F
900
#52520F
950
#34340A

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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