#DFAADF

#DFAADF

Color Values

HEX

#DFAADF

RGB

223, 170, 223

HSL

300.0, 45.3%, 77.1%

HSV

300.0, 23.8%, 87.5%

CMYK

0.0%, 23.8%, 0.0%, 12.5%

OKLCH

0.8035 0.0934 326.4

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#DFAADF

#AADFAA

Analogous

#C5AADF

#DFAAC5

#DFAADF

Triadic

#DFAADF

#DFDFAA

#AADFDF

Split Complementary

#DFAADF

#C5DFAA

#AADFC5

Tetradic

#DFAADF

#DFC5AA

#AADFAA

#AAC5DF

Color Blindness Simulation

Original

#DFAADF

Protanopia

#C8C8D2

Deuteranopia

#CBCFCF

Tritanopia

#DCC8C6

Achromatopsia

#B9B9B9

CSS Usage

background-color: #DFAADF;
color: #DFAADF;
border-color: #DFAADF;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCBEB
300
#DEA6DE
400
#CB76CB
500
#B946B9
600
#943894
700
#772D77
800
#5D235D
900
#441D44
950
#2B122B

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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