#875600

#875600

Color Values

HEX

#875600

RGB

135, 86, 0

HSL

38.2, 100.0%, 26.5%

HSV

38.2, 100.0%, 52.9%

CMYK

0.0%, 36.3%, 100.0%, 47.1%

OKLCH

0.4959 0.1065 71.5

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#875600

#003187

Analogous

#871200

#758700

#875600

Triadic

#875600

#008756

#560087

Split Complementary

#875600

#007587

#120087

Tetradic

#875600

#008712

#003187

#870075

Color Blindness Simulation

Original

#875600

Protanopia

#727115

Deuteranopia

#75781A

Tritanopia

#852529

Achromatopsia

#5A5A5A

CSS Usage

background-color: #875600;
color: #875600;
border-color: #875600;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FFE5B8
300
#FFD385
400
#FFBA42
500
#FFA200
600
#CC8200
700
#A36800
800
#805100
900
#5C3C05
950
#3A2603

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026