#874512

#874512

Color Values

HEX

#874512

RGB

135, 69, 18

HSL

26.2, 76.5%, 30.0%

HSV

26.2, 86.7%, 52.9%

CMYK

0.0%, 48.9%, 86.7%, 47.1%

OKLCH

0.4647 0.1083 52.7

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#874512

#125487

Analogous

#871219

#878012

#874512

Triadic

#874512

#128745

#451287

Split Complementary

#874512

#128780

#121987

Tetradic

#874512

#198712

#125487

#801287

Color Blindness Simulation

Original

#874512

Protanopia

#6A6A1E

Deuteranopia

#6E7321

Tritanopia

#84282A

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F7D8C0
300
#F1BC93
400
#E99858
500
#E1731E
600
#B45C18
700
#904A13
800
#713A0F
900
#522C0F
950
#341C0A

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

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