#DF90A8

#DF90A8

Color Values

HEX

#DF90A8

RGB

223, 144, 168

HSL

341.8, 55.2%, 72.0%

HSV

341.8, 35.4%, 87.5%

CMYK

0.0%, 35.4%, 24.7%, 12.5%

OKLCH

0.7401 0.0997 0.1

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#DF90A8

#90DFC7

Analogous

#DF90D0

#DFA090

#DF90A8

Triadic

#DF90A8

#A8DF90

#90A8DF

Split Complementary

#DF90A8

#90DFA0

#90D0DF

Tetradic

#DF90A8

#D0DF90

#90DFC7

#A090DF

Color Blindness Simulation

Original

#DF90A8

Protanopia

#BDBCA2

Deuteranopia

#C1C7A1

Tritanopia

#DB9E9D

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E5EA
200
#EFC8D4
300
#E4A0B5
400
#D56D8C
500
#C63964
600
#9E2E50
700
#7F2540
800
#631D32
900
#491827
950
#2E0F19

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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