#DF726A

#DF726A

Color Values

HEX

#DF726A

RGB

223, 114, 106

HSL

4.1, 64.6%, 64.5%

HSV

4.1, 52.5%, 87.5%

CMYK

0.0%, 48.9%, 52.5%, 12.5%

OKLCH

0.676 0.1374 25.7

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#DF726A

#6AD7DF

Analogous

#DF6A9C

#DFAC6A

#DF726A

Triadic

#DF726A

#6ADF72

#726ADF

Split Complementary

#DF726A

#6ADFAC

#6A9CDF

Tetradic

#DF726A

#9CDF6A

#6AD7DF

#AC6ADF

Color Blindness Simulation

Original

#DF726A

Protanopia

#B0AF6C

Deuteranopia

#B6BE6C

Tritanopia

#DA6D6E

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F2C7C4
300
#E9A09A
400
#DE6C64
500
#D2382D
600
#A82D24
700
#86241D
800
#691C17
900
#4D1814
950
#300F0D

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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