#874322

#874322

Color Values

HEX

#874322

RGB

135, 67, 34

HSL

19.6, 59.8%, 33.1%

HSV

19.6, 74.8%, 52.9%

CMYK

0.0%, 50.4%, 74.8%, 47.1%

OKLCH

0.4627 0.1038 44.8

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#874322

#226687

Analogous

#872233

#877522

#874322

Triadic

#874322

#228743

#432287

Split Complementary

#874322

#228775

#223387

Tetradic

#874322

#338722

#226687

#752287

Color Blindness Simulation

Original

#874322

Protanopia

#6A692A

Deuteranopia

#6E732C

Tritanopia

#843032

Achromatopsia

#4F4F4F

CSS Usage

background-color: #874322;
color: #874322;
border-color: #874322;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FBF6F3
100
#F6EAE4
200
#F1D4C6
300
#E6B59D
400
#D98D68
500
#CC6533
600
#A35129
700
#824121
800
#66331A
900
#4B2716
950
#2F190E

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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