#DA7107

#DA7107

Color Values

HEX

#DA7107

RGB

218, 113, 7

HSL

30.1, 93.8%, 44.1%

HSV

30.1, 96.8%, 85.5%

CMYK

0.0%, 48.2%, 96.8%, 14.5%

OKLCH

0.6575 0.1614 54.8

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#DA7107

#0770DA

Analogous

#DA0707

#DADA07

#DA7107

Triadic

#DA7107

#07DA71

#7107DA

Split Complementary

#DA7107

#07DADA

#0707DA

Tetradic

#DA7107

#07DA07

#0770DA

#DA07DA

Color Blindness Simulation

Original

#DA7107

Protanopia

#ADAC21

Deuteranopia

#B3BA27

Tritanopia

#D53539

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FDDBBA
300
#FBC288
400
#F9A148
500
#F78008
600
#C66606
700
#9E5205
800
#7C4004
900
#593108
950
#381F05

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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