#8C552F

#8C552F

Color Values

HEX

#8C552F

RGB

140, 85, 47

HSL

24.5, 49.7%, 36.7%

HSV

24.5, 66.4%, 54.9%

CMYK

0.0%, 39.3%, 66.4%, 45.1%

OKLCH

0.5041 0.0901 53.8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8C552F

#2F668C

Analogous

#8C2F38

#8C842F

#8C552F

Triadic

#8C552F

#2F8C55

#552F8C

Split Complementary

#8C552F

#2F8C84

#2F388C

Tetradic

#8C552F

#388C2F

#2F668C

#842F8C

Color Blindness Simulation

Original

#8C552F

Protanopia

#747438

Deuteranopia

#777C3A

Tritanopia

#893F41

Achromatopsia

#5E5E5E

CSS Usage

background-color: #8C552F;
color: #8C552F;
border-color: #8C552F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF7F4
100
#F5ECE6
200
#EDD8CA
300
#E0BCA3
400
#D09872
500
#BF7440
600
#995D33
700
#7A4A29
800
#5F3A20
900
#462C1B
950
#2C1C11

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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