#D46A09

#D46A09

Color Values

HEX

#D46A09

RGB

212, 106, 9

HSL

28.7, 91.9%, 43.3%

HSV

28.7, 95.8%, 83.1%

CMYK

0.0%, 50.0%, 95.8%, 16.9%

OKLCH

0.638 0.1601 52.7

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#D46A09

#0973D4

Analogous

#D4090D

#D4CF09

#D46A09

Triadic

#D46A09

#09D46A

#6A09D4

Split Complementary

#D46A09

#09D4CF

#090DD4

Tetradic

#D46A09

#0DD409

#0973D4

#CF09D4

Color Blindness Simulation

Original

#D46A09

Protanopia

#A6A520

Deuteranopia

#ACB426

Tritanopia

#CF3337

Achromatopsia

#7A7A7A

CSS Usage

background-color: #D46A09;
color: #D46A09;
border-color: #D46A09;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABA
300
#FABF8A
400
#F79D4A
500
#F57A0A
600
#C46208
700
#9D4E07
800
#7A3D05
900
#592F08
950
#381E05

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.86:1

AA Pass 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