#874900

#874900

Color Values

HEX

#874900

RGB

135, 73, 0

HSL

32.4, 100.0%, 26.5%

HSV

32.4, 100.0%, 52.9%

CMYK

0.0%, 45.9%, 100.0%, 47.1%

OKLCH

0.471 0.1108 59.7

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#874900

#003E87

Analogous

#870500

#828700

#874900

Triadic

#874900

#008749

#490087

Split Complementary

#874900

#008287

#050087

Tetradic

#874900

#008705

#003E87

#870082

Color Blindness Simulation

Original

#874900

Protanopia

#6C6C12

Deuteranopia

#707416

Tritanopia

#842023

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FFDEB8
300
#FFC785
400
#FFA842
500
#FF8A00
600
#CC6E00
700
#A35800
800
#804500
900
#5C3405
950
#3A2103

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026