#D199DC

#D199DC

Color Values

HEX

#D199DC

RGB

209, 153, 220

HSL

290,1, 48,9%, 73,1%

HSV

290,1, 30,5%, 86,3%

CMYK

5,0%, 30,5%, 0,0%, 13,7%

OKLCH

0,7587 0,1115 320,8

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D199DC

#A4DC99

Analogous

#AF99DC

#DC99C5

#D199DC

Triadic

#D199DC

#DCD199

#99DCD1

Split Complementary

#D199DC

#C5DC99

#99DCAF

Tetradic

#D199DC

#DCAF99

#A4DC99

#99C5DC

Color Blindness Simulation

Original

#D199DC

Protanopia

#B9B8CC

Deuteranopia

#BCC0C8

Tritanopia

#CEBFBC

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F2E6F5
200
#E7CAED
300
#D6A4E0
400
#C073CF
500
#A941BE
600
#873498
700
#6C2A7A
800
#55215F
900
#3F1B46
950
#28112C

Contrast Checker

Text on white

2,26:1

AA Fail AAA Fail

Text on black

9,3:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026