#9F6412

#9F6412

Color Values

HEX

#9F6412

RGB

159, 100, 18

HSL

34.9, 79.7%, 34.7%

HSV

34.9, 88.7%, 62.4%

CMYK

0.0%, 37.1%, 88.7%, 37.6%

OKLCH

0.5553 0.116 67.8

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#9F6412

#124D9F

Analogous

#9F1D12

#939F12

#9F6412

Triadic

#9F6412

#129F64

#64129F

Split Complementary

#9F6412

#12939F

#1D129F

Tetradic

#9F6412

#129F1D

#124D9F

#9F1293

Color Blindness Simulation

Original

#9F6412

Protanopia

#858526

Deuteranopia

#898D2B

Tritanopia

#9C3639

Achromatopsia

#6B6B6B

CSS Usage

background-color: #9F6412;
color: #9F6412;
border-color: #9F6412;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF8F2
100
#F9EFE1
200
#F8E0BF
300
#F3CA91
400
#ECAD55
500
#E5901A
600
#B77315
700
#935C11
800
#73480D
900
#53360E
950
#352209

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026