#7F571D

#7F571D

Color Values

HEX

#7F571D

RGB

127, 87, 29

HSL

35.5, 62.8%, 30.6%

HSV

35.5, 77.2%, 49.8%

CMYK

0.0%, 31.5%, 77.2%, 50.2%

OKLCH

0.4891 0.0896 72.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F571D

#1D457F

Analogous

#7F261D

#767F1D

#7F571D

Triadic

#7F571D

#1D7F57

#571D7F

Split Complementary

#7F571D

#1D767F

#261D7F

Tetradic

#7F571D

#1D7F26

#1D457F

#7F1D76

Color Blindness Simulation

Original

#7F571D

Protanopia

#6E6D2B

Deuteranopia

#70732E

Tritanopia

#7D3639

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E8C99B
400
#DCAC65
500
#D08E2F
600
#A67226
700
#855B1E
800
#684718
900
#4C3515
950
#30220D

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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