#7F5401

#7F5401

Color Values

HEX

#7F5401

RGB

127, 84, 1

HSL

39.5, 98.4%, 25.1%

HSV

39.5, 99.2%, 49.8%

CMYK

0.0%, 33.9%, 99.2%, 50.2%

OKLCH

0.4814 0.1013 74.7

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#7F5401

#012C7F

Analogous

#7F1501

#6B7F01

#7F5401

Triadic

#7F5401

#017F54

#54017F

Split Complementary

#7F5401

#016B7F

#15017F

Tetradic

#7F5401

#017F15

#012C7F

#7F016B

Color Blindness Simulation

Original

#7F5401

Protanopia

#6C6C15

Deuteranopia

#6F721A

Tritanopia

#7D2528

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FEE6B8
300
#FED586
400
#FDBE44
500
#FDA702
600
#CA8602
700
#A26B01
800
#7E5401
900
#5B3E06
950
#3A2704

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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