#874F46

#874F46

Color Values

HEX

#874F46

RGB

135, 79, 70

HSL

8.3, 31.7%, 40.2%

HSV

8.3, 48.1%, 52.9%

CMYK

0.0%, 41.5%, 48.1%, 47.1%

OKLCH

0.4903 0.0775 29.9

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#874F46

#467E87

Analogous

#87465E

#877046

#874F46

Triadic

#874F46

#46874F

#4F4687

Split Complementary

#874F46

#468770

#465E87

Tetradic

#874F46

#5E8746

#467E87

#704687

Color Blindness Simulation

Original

#874F46

Protanopia

#6F6E48

Deuteranopia

#727649

Tritanopia

#844A4A

Achromatopsia

#5A5A5A

CSS Usage

background-color: #874F46;
color: #874F46;
border-color: #874F46;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E7D3D0
300
#D5B4AE
400
#BF8B83
500
#A86257
600
#864F46
700
#6B3F38
800
#54312C
900
#3E2623
950
#271816

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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