#DA4548

#DA4548

Color Values

HEX

#DA4548

RGB

218, 69, 72

HSL

358.8, 66.8%, 56.3%

HSV

358.8, 68.3%, 85.5%

CMYK

0.0%, 68.3%, 67.0%, 14.5%

OKLCH

0.6036 0.1855 23.6

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#DA4548

#45DAD7

Analogous

#DA4593

#DA8D45

#DA4548

Triadic

#DA4548

#48DA45

#4548DA

Split Complementary

#DA4548

#45DA8D

#4593DA

Tetradic

#DA4548

#93DA45

#45DAD7

#8D45DA

Color Blindness Simulation

Original

#DA4548

Protanopia

#999847

Deuteranopia

#A2AD47

Tritanopia

#D34747

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C3C4
300
#EB999B
400
#E06264
500
#D52A2E
600
#AA2225
700
#881B1D
800
#6A1517
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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