#9A4F07

#9A4F07

Color Values

HEX

#9A4F07

RGB

154, 79, 7

HSL

29.4, 91.3%, 31.6%

HSV

29.4, 95.5%, 60.4%

CMYK

0.0%, 48.7%, 95.5%, 39.6%

OKLCH

0.5098 0.1233 55.0

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#9A4F07

#07529A

Analogous

#9A0708

#9A9907

#9A4F07

Triadic

#9A4F07

#079A4F

#4F079A

Split Complementary

#9A4F07

#079A99

#07089A

Tetradic

#9A4F07

#089A07

#07529A

#99079A

Color Blindness Simulation

Original

#9A4F07

Protanopia

#7A7918

Deuteranopia

#7E841D

Tritanopia

#962629

Achromatopsia

#5A5A5A

CSS Usage

background-color: #9A4F07;
color: #9A4F07;
border-color: #9A4F07;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBB
300
#FAC18A
400
#F79F4B
500
#F47D0B
600
#C36409
700
#9C5007
800
#7A3F06
900
#583009
950
#381E05

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

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