#DA972F

#DA972F

Color Values

HEX

#DA972F

RGB

218, 151, 47

HSL

36.5, 69.8%, 52.0%

HSV

36.5, 78.4%, 85.5%

CMYK

0.0%, 30.7%, 78.4%, 14.5%

OKLCH

0.7255 0.1385 73.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#DA972F

#2F72DA

Analogous

#DA422F

#C8DA2F

#DA972F

Triadic

#DA972F

#2FDA97

#972FDA

Split Complementary

#DA972F

#2FC8DA

#422FDA

Tetradic

#DA972F

#2FDA42

#2F72DA

#DA2FC8

Color Blindness Simulation

Original

#DA972F

Protanopia

#BDBC48

Deuteranopia

#C1C64E

Tritanopia

#D75C60

Achromatopsia

#9E9E9E

CSS Usage

background-color: #DA972F;
color: #DA972F;
border-color: #DA972F;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4E1C2
300
#EDCB97
400
#E3AF5F
500
#D89327
600
#AD751F
700
#8B5E19
800
#6C4913
900
#4F3712
950
#32230B

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.45:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026