#D9975F

#D9975F

Color Values

HEX

#D9975F

RGB

217, 151, 95

HSL

27.5, 61.6%, 61.2%

HSV

27.5, 56.2%, 85.1%

CMYK

0.0%, 30.4%, 56.2%, 14.9%

OKLCH

0.7295 0.1075 60.2

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#D9975F

#5FA1D9

Analogous

#D95F64

#D9D45F

#D9975F

Triadic

#D9975F

#5FD997

#975FD9

Split Complementary

#D9975F

#5FD9D4

#5F64D9

Tetradic

#D9975F

#64D95F

#5FA1D9

#D45FD9

Color Blindness Simulation

Original

#D9975F

Protanopia

#BCBC6D

Deuteranopia

#C0C570

Tritanopia

#D6777A

Achromatopsia

#A1A1A1

CSS Usage

background-color: #D9975F;
color: #D9975F;
border-color: #D9975F;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF7F3
100
#F6ECE4
200
#F1D9C5
300
#E7BF9C
400
#DB9C67
500
#CE7931
600
#A56127
700
#844D1F
800
#673C18
900
#4B2E16
950
#301D0E

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026