#D76228

#D76228

Color Values

HEX

#D76228

RGB

215, 98, 40

HSL

19.9, 68.6%, 50.0%

HSV

19.9, 81.4%, 84.3%

CMYK

0.0%, 54.4%, 81.4%, 15.7%

OKLCH

0.6317 0.1626 43.8

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#D76228

#289DD7

Analogous

#D72845

#D7BA28

#D76228

Triadic

#D76228

#28D762

#6228D7

Split Complementary

#D76228

#28D7BA

#2845D7

Tetradic

#D76228

#45D728

#289DD7

#BA28D7

Color Blindness Simulation

Original

#D76228

Protanopia

#A4A336

Deuteranopia

#ABB439

Tritanopia

#D14144

Achromatopsia

#777777

CSS Usage

background-color: #D76228;
color: #D76228;
border-color: #D76228;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF6F3
100
#F8EAE3
200
#F4D3C3
300
#ECB498
400
#E18B60
500
#D76228
600
#AC4E20
700
#8A3F1A
800
#6B3114
900
#4E2613
950
#31180C

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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