#C89DD2

#C89DD2

Color Values

HEX

#C89DD2

RGB

200, 157, 210

HSL

288.7, 37.1%, 72.0%

HSV

288.7, 25.2%, 82.4%

CMYK

4.8%, 25.2%, 0.0%, 17.6%

OKLCH

0.753 0.0881 319.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C89DD2

#A7D29D

Analogous

#AE9DD2

#D29DC2

#C89DD2

Triadic

#C89DD2

#D2C89D

#9DD2C8

Split Complementary

#C89DD2

#C2D29D

#9DD2AE

Tetradic

#C89DD2

#D2AE9D

#A7D29D

#9DC2D2

Color Blindness Simulation

Original

#C89DD2

Protanopia

#B5B5C5

Deuteranopia

#B8BBC2

Tritanopia

#C6BBB9

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F3
200
#E4CEE9
300
#D0ABD9
400
#B67EC4
500
#9D50AF
600
#7E408C
700
#643370
800
#4E2857
900
#3B2041
950
#251429

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026