#DF8AA7

#DF8AA7

Color Values

HEX

#DF8AA7

RGB

223, 138, 167

HSL

339,5, 57,0%, 70,8%

HSV

339,5, 38,1%, 87,5%

CMYK

0,0%, 38,1%, 25,1%, 12,5%

OKLCH

0,7297 0,1089 358,2

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#DF8AA7

#8ADFC2

Analogous

#DF8AD2

#DF988A

#DF8AA7

Triadic

#DF8AA7

#A7DF8A

#8AA7DF

Split Complementary

#DF8AA7

#8ADF98

#8AD2DF

Tetradic

#DF8AA7

#D2DF8A

#8ADFC2

#988ADF

Color Blindness Simulation

Original

#DF8AA7

Protanopia

#BAB9A0

Deuteranopia

#BFC69E

Tritanopia

#DB9A99

Achromatopsia

#9E9E9E

CSS Usage

background-color: #DF8AA7;
color: #DF8AA7;
border-color: #DF8AA7;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F6
100
#F6E5EA
200
#F0C7D5
300
#E59FB7
400
#D66B90
500
#C83768
600
#A02C54
700
#802343
800
#641B34
900
#491829
950
#2E0F1A

Contrast Checker

Text on white

2,52:1

AA Fail AAA Fail

Text on black

8,33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026