#7F3201

#7F3201

Color Values

HEX

#7F3201

RGB

127, 50, 1

HSL

23.3, 98.4%, 25.1%

HSV

23.3, 99.2%, 49.8%

CMYK

0.0%, 60.6%, 99.2%, 50.2%

OKLCH

0.4198 0.1188 45.2

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7F3201

#014E7F

Analogous

#7F010F

#7F7101

#7F3201

Triadic

#7F3201

#017F32

#32017F

Split Complementary

#7F3201

#017F71

#010F7F

Tetradic

#7F3201

#0F7F01

#014E7F

#71017F

Color Blindness Simulation

Original

#7F3201

Protanopia

#5E5D0D

Deuteranopia

#626810

Tritanopia

#7B1618

Achromatopsia

#3F3F3F

CSS Usage

background-color: #7F3201;
color: #7F3201;
border-color: #7F3201;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FED3B8
300
#FEB486
400
#FD8C44
500
#FD6302
600
#CA5002
700
#A24001
800
#7E3201
900
#5B2706
950
#3A1904

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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