#C89ED9

#C89ED9

Color Values

HEX

#C89ED9

RGB

200, 158, 217

HSL

282.7, 43.7%, 73.5%

HSV

282.7, 27.2%, 85.1%

CMYK

7.8%, 27.2%, 0.0%, 14.9%

OKLCH

0.7576 0.0944 316.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C89ED9

#AFD99E

Analogous

#AA9ED9

#D99ECC

#C89ED9

Triadic

#C89ED9

#D9C89E

#9ED9C8

Split Complementary

#C89ED9

#CCD99E

#9ED9AA

Tetradic

#C89ED9

#D9AA9E

#AFD99E

#9ECCD9

Color Blindness Simulation

Original

#C89ED9

Protanopia

#B6B5CB

Deuteranopia

#B8BBC7

Tritanopia

#C6BFBD

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E7F4
200
#E2CCEB
300
#CDA7DD
400
#B277CA
500
#9748B7
600
#793993
700
#612E75
800
#4C245C
900
#391D44
950
#24132B

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.35: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