#DF7E76

#DF7E76

Color Values

HEX

#DF7E76

RGB

223, 126, 118

HSL

4.6, 62.1%, 66.9%

HSV

4.6, 47.1%, 87.5%

CMYK

0.0%, 43.5%, 47.1%, 12.5%

OKLCH

0.6974 0.1214 25.6

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#DF7E76

#76D7DF

Analogous

#DF76A3

#DFB376

#DF7E76

Triadic

#DF7E76

#76DF7E

#7E76DF

Split Complementary

#DF7E76

#76DFB3

#76A3DF

Tetradic

#DF7E76

#A3DF76

#76D7DF

#B376DF

Color Blindness Simulation

Original

#DF7E76

Protanopia

#B5B478

Deuteranopia

#BBC278

Tritanopia

#DA797A

Achromatopsia

#929292

CSS Usage

background-color: #DF7E76;
color: #DF7E76;
border-color: #DF7E76;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F1C9C5
300
#E8A29C
400
#DB6F66
500
#CF3C30
600
#A53027
700
#84271F
800
#671E18
900
#4C1A15
950
#30100D

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.38:1

AA Pass AAA Pass

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