#7F4208

#7F4208

Color Values

HEX

#7F4208

RGB

127, 66, 8

HSL

29.2, 88.1%, 26.5%

HSV

29.2, 93.7%, 49.8%

CMYK

0.0%, 48.0%, 93.7%, 50.2%

OKLCH

0.4468 0.1051 56.0

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7F4208

#08457F

Analogous

#7F080A

#7F7E08

#7F4208

Triadic

#7F4208

#087F42

#42087F

Split Complementary

#7F4208

#087F7E

#080A7F

Tetradic

#7F4208

#0A7F08

#08457F

#7E087F

Color Blindness Simulation

Original

#7F4208

Protanopia

#656416

Deuteranopia

#686D19

Tritanopia

#7C2124

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDABC
300
#F8C08C
400
#F49E4E
500
#F07D0F
600
#C0640C
700
#99500A
800
#783E08
900
#572F0A
950
#371E06

Contrast Checker

Text on white

7.82:1

AA Pass AAA Pass

Text on black

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