#DD9FE2

#DD9FE2

Color Values

HEX

#DD9FE2

RGB

221, 159, 226

HSL

295.5, 53.6%, 75.5%

HSV

295.5, 29.6%, 88.6%

CMYK

2.2%, 29.6%, 0.0%, 11.4%

OKLCH

0.7835 0.1146 324.1

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#DD9FE2

#A4E29F

Analogous

#BC9FE2

#E29FC6

#DD9FE2

Triadic

#DD9FE2

#E2DD9F

#9FE2DD

Split Complementary

#DD9FE2

#C6E29F

#9FE2BC

Tetradic

#DD9FE2

#E2BC9F

#A4E29F

#9FC6E2

Color Blindness Simulation

Original

#DD9FE2

Protanopia

#C2C2D2

Deuteranopia

#C6CACE

Tritanopia

#DAC5C2

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EE
300
#DEA1E3
400
#CC6ED3
500
#BA3BC4
600
#942F9D
700
#77267D
800
#5D1E62
900
#441948
950
#2B102D

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.13:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026