#DA5543

#DA5543

Color Values

HEX

#DA5543

RGB

218, 85, 67

HSL

7.2, 67.1%, 55.9%

HSV

7.2, 69.3%, 85.5%

CMYK

0.0%, 61.0%, 69.3%, 14.5%

OKLCH

0.6214 0.1706 30.3

Properties

Warm Light Nearest: tomato 3

Color Harmonies

Complementary

#DA5543

#43C8DA

Analogous

#DA437C

#DAA143

#DA5543

Triadic

#DA5543

#43DA55

#5543DA

Split Complementary

#DA5543

#43DAA1

#437CDA

Tetradic

#DA5543

#7CDA43

#43C8DA

#A143DA

Color Blindness Simulation

Original

#DA5543

Protanopia

#A09F47

Deuteranopia

#A8B248

Tritanopia

#D34B4C

Achromatopsia

#707070

CSS Usage

background-color: #DA5543;
color: #DA5543;
border-color: #DA5543;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C9C3
300
#EBA399
400
#E07161
500
#D53E2A
600
#AA3222
700
#88281B
800
#6B1F15
900
#4E1A13
950
#31110C

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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