#C89DDC

#C89DDC

Color Values

HEX

#C89DDC

RGB

200, 157, 220

HSL

281,0, 47,4%, 73,9%

HSV

281,0, 28,6%, 86,3%

CMYK

9,1%, 28,6%, 0,0%, 13,7%

OKLCH

0,757 0,0997 314,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C89DDC

#B1DC9D

Analogous

#A89DDC

#DC9DD0

#C89DDC

Triadic

#C89DDC

#DCC89D

#9DDCC8

Split Complementary

#C89DDC

#D0DC9D

#9DDCA8

Tetradic

#C89DDC

#DCA89D

#B1DC9D

#9DD0DC

Color Blindness Simulation

Original

#C89DDC

Protanopia

#B5B5CD

Deuteranopia

#B8BBC9

Tritanopia

#C6C1BE

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#F0E6F4
200
#E2CAEC
300
#CCA5DF
400
#B174CD
500
#9643BC
600
#783696
700
#602B78
800
#4B225E
900
#381C45
950
#23122C

Contrast Checker

Text on white

2,26:1

AA Fail AAA Fail

Text on black

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