#858412

#858412

Color Values

HEX

#858412

RGB

133, 132, 18

HSL

59.5, 76.2%, 29.6%

HSV

59.5, 86.5%, 52.2%

CMYK

0.0%, 0.8%, 86.5%, 47.8%

OKLCH

0.5951 0.1241 109.1

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#858412

#121385

Analogous

#854B12

#4C8512

#858412

Triadic

#858412

#128584

#841285

Split Complementary

#858412

#124C85

#4B1285

Tetradic

#858412

#12854B

#121385

#85124C

Color Blindness Simulation

Original

#858412

Protanopia

#85852E

Deuteranopia

#858534

Tritanopia

#854348

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E2
200
#F7F6C0
300
#F0F093
400
#E9E759
500
#E1DF1E
600
#B4B218
700
#908F13
800
#70700F
900
#52510F
950
#34330A

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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