#DF6F6A

#DF6F6A

Color Values

HEX

#DF6F6A

RGB

223, 111, 106

HSL

2.6, 64.6%, 64.5%

HSV

2.6, 52.5%, 87.5%

CMYK

0.0%, 50.2%, 52.5%, 12.5%

OKLCH

0.6715 0.1408 24.2

Properties

Warm Light Nearest: indianred

Color Harmonies

Complementary

#DF6F6A

#6ADADF

Analogous

#DF6A9F

#DFAA6A

#DF6F6A

Triadic

#DF6F6A

#6ADF6F

#6F6ADF

Split Complementary

#DF6F6A

#6ADFAA

#6A9FDF

Tetradic

#DF6F6A

#9FDF6A

#6ADADF

#AA6ADF

Color Blindness Simulation

Original

#DF6F6A

Protanopia

#AEAE6B

Deuteranopia

#B5BD6B

Tritanopia

#D96C6C

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F2C6C4
300
#E99E9A
400
#DE6964
500
#D2342D
600
#A82A24
700
#86211D
800
#691A17
900
#4D1714
950
#300E0D

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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