#DDA0DF

#DDA0DF

Color Values

HEX

#DDA0DF

RGB

221, 160, 223

HSL

298,1, 49,6%, 75,1%

HSV

298,1, 28,3%, 87,5%

CMYK

0,9%, 28,3%, 0,0%, 12,5%

OKLCH

0,784 0,1098 325,5

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#DDA0DF

#A2DFA0

Analogous

#BEA0DF

#DFA0C1

#DDA0DF

Triadic

#DDA0DF

#DFDDA0

#A0DFDD

Split Complementary

#DDA0DF

#C1DFA0

#A0DFBE

Tetradic

#DDA0DF

#DFBEA0

#A2DFA0

#A0C1DF

Color Blindness Simulation

Original

#DDA0DF

Protanopia

#C3C2D0

Deuteranopia

#C6CBCC

Tritanopia

#DAC4C1

Achromatopsia

#B2B2B2

CSS Usage

background-color: #DDA0DF;
color: #DDA0DF;
border-color: #DDA0DF;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DEA3E0
400
#CC72CF
500
#BB40BF
600
#953399
700
#78297A
800
#5D205F
900
#451B46
950
#2B112C

Contrast Checker

Text on white

2,07:1

AA Fail AAA Fail

Text on black

10,17: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