#D49CD5

#D49CD5

Color Values

HEX

#D49CD5

RGB

212, 156, 213

HSL

298,9, 40,4%, 72,4%

HSV

298,9, 26,8%, 83,5%

CMYK

0,5%, 26,8%, 0,0%, 16,5%

OKLCH

0,7642 0,1007 325,9

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#D49CD5

#9DD59C

Analogous

#B89CD5

#D59CBA

#D49CD5

Triadic

#D49CD5

#D5D49C

#9CD5D4

Split Complementary

#D49CD5

#BAD59C

#9CD5B8

Tetradic

#D49CD5

#D5B89C

#9DD59C

#9CBAD5

Color Blindness Simulation

Original

#D49CD5

Protanopia

#BCBBC7

Deuteranopia

#BFC3C4

Tritanopia

#D1BCBA

Achromatopsia

#ACACAC

CSS Usage

background-color: #D49CD5;
color: #D49CD5;
border-color: #D49CD5;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CDEA
300
#DAA9DB
400
#C57BC7
500
#B14CB3
600
#8E3D8F
700
#713173
800
#59265A
900
#411F42
950
#29132A

Contrast Checker

Text on white

2,21:1

AA Fail AAA Fail

Text on black

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