#D1502E

#D1502E

Color Values

HEX

#D1502E

RGB

209, 80, 46

HSL

12.5, 63.9%, 50.0%

HSV

12.5, 78.0%, 82.0%

CMYK

0.0%, 61.7%, 78.0%, 18.0%

OKLCH

0.5985 0.1703 35.6

Properties

Warm Light Nearest: RAL 3022 Salmon Pink

Color Harmonies

Complementary

#D1502E

#2EAFD1

Analogous

#D12E5E

#D1A12E

#D1502E

Triadic

#D1502E

#2ED150

#502ED1

Split Complementary

#D1502E

#2ED1A1

#2E5ED1

Tetradic

#D1502E

#5ED12E

#2EAFD1

#A12ED1

Color Blindness Simulation

Original

#D1502E

Protanopia

#999836

Deuteranopia

#A1AA38

Tritanopia

#CB3D3E

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F7E7E3
200
#F2CEC4
300
#E9AB9B
400
#DD7D64
500
#D1502E
600
#A74025
700
#86331D
800
#682817
900
#4C2015
950
#30140D

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass AAA Fail

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