#DA422F

#DA422F

Color Values

HEX

#DA422F

RGB

218, 66, 47

HSL

6,7, 69,8%, 52,0%

HSV

6,7, 78,4%, 85,5%

CMYK

0,0%, 69,7%, 78,4%, 14,5%

OKLCH

0,5972 0,1918 30,5

Properties

Warm Light Nearest: RAL 2012 Salmon Orange

Color Harmonies

Complementary

#DA422F

#2FC7DA

Analogous

#DA2F72

#DA982F

#DA422F

Triadic

#DA422F

#2FDA42

#422FDA

Split Complementary

#DA422F

#2FDA98

#2F72DA

Tetradic

#DA422F

#72DA2F

#2FC7DA

#982FDA

Color Blindness Simulation

Original

#DA422F

Protanopia

#989734

Deuteranopia

#A1AC35

Tritanopia

#D23738

Achromatopsia

#616161

CSS Usage

background-color: #DA422F;
color: #DA422F;
border-color: #DA422F;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C8C2
300
#EDA197
400
#E36E5F
500
#D83A27
600
#AD2F1F
700
#8B2519
800
#6C1D13
900
#4F1912
950
#32100B

Contrast Checker

Text on white

4,37:1

AA Fail AAA Fail

Text on black

4,8:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026