#DA614F

#DA614F

Color Values

HEX

#DA614F

RGB

218, 97, 79

HSL

7.8, 65.3%, 58.2%

HSV

7.8, 63.8%, 85.5%

CMYK

0.0%, 55.5%, 63.8%, 14.5%

OKLCH

0.6392 0.1558 30.5

Properties

Warm Light Nearest: coral 3

Color Harmonies

Complementary

#DA614F

#4FC8DA

Analogous

#DA4F82

#DAA74F

#DA614F

Triadic

#DA614F

#4FDA61

#614FDA

Split Complementary

#DA614F

#4FDAA7

#4F82DA

Tetradic

#DA614F

#82DA4F

#4FC8DA

#A74FDA

Color Blindness Simulation

Original

#DA614F

Protanopia

#A6A553

Deuteranopia

#ADB654

Tritanopia

#D45758

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E6E3
200
#F3CAC4
300
#EAA49A
400
#DE7363
500
#D3422C
600
#A93523
700
#872A1C
800
#692116
900
#4D1B14
950
#31110D

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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