#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026