#DA736F

#DA736F

Color Values

HEX

#DA736F

RGB

218, 115, 111

HSL

2.2, 59.1%, 64.5%

HSV

2.2, 49.1%, 85.5%

CMYK

0.0%, 47.2%, 49.1%, 14.5%

OKLCH

0.6719 0.1295 23.4

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#DA736F

#6FD6DA

Analogous

#DA6FA1

#DAA86F

#DA736F

Triadic

#DA736F

#6FDA73

#736FDA

Split Complementary

#DA736F

#6FDAA8

#6FA1DA

Tetradic

#DA736F

#A1DA6F

#6FD6DA

#A86FDA

Color Blindness Simulation

Original

#DA736F

Protanopia

#ADAD70

Deuteranopia

#B3BB70

Tritanopia

#D57171

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E4
200
#F0C8C6
300
#E6A09E
400
#D86D69
500
#CB3A34
600
#A22E2A
700
#822521
800
#651D1A
900
#4A1917
950
#2F100E

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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