#D74C28

#D74C28

Color Values

HEX

#D74C28

RGB

215, 76, 40

HSL

12.3, 68.6%, 50.0%

HSV

12.3, 81.4%, 84.3%

CMYK

0.0%, 64.7%, 81.4%, 15.7%

OKLCH

0.6027 0.1814 35.2

Properties

Warm Light Nearest: RAL 3022 Salmon Pink

Color Harmonies

Complementary

#D74C28

#28B3D7

Analogous

#D7285C

#D7A328

#D74C28

Triadic

#D74C28

#28D74C

#4C28D7

Split Complementary

#D74C28

#28D7A3

#285CD7

Tetradic

#D74C28

#5CD728

#28B3D7

#A328D7

Color Blindness Simulation

Original

#D74C28

Protanopia

#9B9A31

Deuteranopia

#A3AD33

Tritanopia

#D03839

Achromatopsia

#676767

CSS Usage

background-color: #D74C28;
color: #D74C28;
border-color: #D74C28;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FCF5F3
100
#F8E7E3
200
#F4CDC3
300
#ECA998
400
#E17A60
500
#D74C28
600
#AC3D20
700
#8A311A
800
#6B2614
900
#4E1F13
950
#31130C

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

4.95:1

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