#D29CF6

#D29CF6

Color Values

HEX

#D29CF6

RGB

210, 156, 246

HSL

276,0, 83,3%, 78,8%

HSV

276,0, 36,6%, 96,5%

CMYK

14,6%, 36,6%, 0,0%, 3,5%

OKLCH

0,7758 0,1365 311,0

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D29CF6

#C0F69C

Analogous

#A59CF6

#F69CED

#D29CF6

Triadic

#D29CF6

#F6D29C

#9CF6D2

Split Complementary

#D29CF6

#EDF69C

#9CF6A5

Tetradic

#D29CF6

#F6A59C

#C0F69C

#9CEDF6

Color Blindness Simulation

Original

#D29CF6

Protanopia

#BBBAE0

Deuteranopia

#BEC2DB

Tritanopia

#CFCFCB

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1FA
200
#E1BEF9
300
#CC8FF5
400
#B052EF
500
#9515EA
600
#7711BB
700
#5F0E96
800
#4A0B75
900
#380C55
950
#230836

Contrast Checker

Text on white

2,14:1

AA Fail AAA Fail

Text on black

9,83: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