#D36350

#D36350

Color Values

HEX

#D36350

RGB

211, 99, 80

HSL

8.7, 59.8%, 57.1%

HSV

8.7, 62.1%, 82.7%

CMYK

0.0%, 53.1%, 62.1%, 17.3%

OKLCH

0.6321 0.1455 31.3

Properties

Warm Light Nearest: coral 3

Color Harmonies

Complementary

#D36350

#50C0D3

Analogous

#D3507F

#D3A550

#D36350

Triadic

#D36350

#50D363

#6350D3

Split Complementary

#D36350

#50D3A5

#507FD3

Tetradic

#D36350

#7FD350

#50C0D3

#A550D3

Color Blindness Simulation

Original

#D36350

Protanopia

#A2A255

Deuteranopia

#A9B156

Tritanopia

#CD5859

Achromatopsia

#797979

CSS Usage

background-color: #D36350;
color: #D36350;
border-color: #D36350;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF5F3
100
#F6E7E4
200
#F1CCC6
300
#E6A89D
400
#D97968
500
#CC4933
600
#A33B29
700
#822F21
800
#66251A
900
#4B1E16
950
#2F130E

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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