#DDB4DC

#DDB4DC

Color Values

HEX

#DDB4DC

RGB

221, 180, 220

HSL

301.5, 37.6%, 78.6%

HSV

301.5, 18.6%, 86.7%

CMYK

0.0%, 18.6%, 0.5%, 13.3%

OKLCH

0.8185 0.0711 327.0

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#DDB4DC

#B4DDB5

Analogous

#C9B4DD

#DDB4C7

#DDB4DC

Triadic

#DDB4DC

#DCDDB4

#B4DCDD

Split Complementary

#DDB4DC

#C7DDB4

#B4DDC9

Tetradic

#DDB4DC

#DDC9B4

#B4DDB5

#B4C7DD

Color Blindness Simulation

Original

#DDB4DC

Protanopia

#CBCBD2

Deuteranopia

#CED1D0

Tritanopia

#DBCBC9

Achromatopsia

#C0C0C0

CSS Usage

background-color: #DDB4DC;
color: #DDB4DC;
border-color: #DDB4DC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CEE8
300
#D9ABD8
400
#C47DC2
500
#AF50AD
600
#8C408A
700
#70336F
800
#582857
900
#412040
950
#291428

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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