#874136

#874136

Color Values

HEX

#874136

RGB

135, 65, 54

HSL

8.1, 42.9%, 37.1%

HSV

8.1, 60.0%, 52.9%

CMYK

0.0%, 51.9%, 60.0%, 47.1%

OKLCH

0.4624 0.0983 30.5

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#874136

#367C87

Analogous

#873654

#876A36

#874136

Triadic

#874136

#368741

#413687

Split Complementary

#874136

#36876A

#365487

Tetradic

#874136

#548736

#367C87

#6A3687

Color Blindness Simulation

Original

#874136

Protanopia

#696839

Deuteranopia

#6D7239

Tritanopia

#843B3B

Achromatopsia

#4F4F4F

CSS Usage

background-color: #874136;
color: #874136;
border-color: #874136;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBD0CC
300
#DCAFA8
400
#C98378
500
#B65849
600
#92463A
700
#75382F
800
#5B2C24
900
#43231E
950
#2A1613

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

2.84:1

AA Fail 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