#C89CDF

#C89CDF

Color Values

HEX

#C89CDF

RGB

200, 156, 223

HSL

279.4, 51.1%, 74.3%

HSV

279.4, 30.0%, 87.5%

CMYK

10.3%, 30.0%, 0.0%, 12.5%

OKLCH

0.7564 0.105 313.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C89CDF

#B3DF9C

Analogous

#A69CDF

#DF9CD4

#C89CDF

Triadic

#C89CDF

#DFC89C

#9CDFC8

Split Complementary

#C89CDF

#D4DF9C

#9CDFA6

Tetradic

#C89CDF

#DFA69C

#B3DF9C

#9CD4DF

Color Blindness Simulation

Original

#C89CDF

Protanopia

#B5B5CF

Deuteranopia

#B8BBCB

Tritanopia

#C6C2BF

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#F0E5F5
200
#E1C9EE
300
#CCA3E1
400
#B070D1
500
#943EC1
600
#76329A
700
#5F287B
800
#4A1F60
900
#371A47
950
#23112D

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026