#CE96D0

#CE96D0

Color Values

HEX

#CE96D0

RGB

206, 150, 208

HSL

297.9, 38.2%, 70.2%

HSV

297.9, 27.9%, 81.6%

CMYK

1.0%, 27.9%, 0.0%, 18.4%

OKLCH

0.7457 0.1023 325.4

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#CE96D0

#98D096

Analogous

#B196D0

#D096B5

#CE96D0

Triadic

#CE96D0

#D0CE96

#96D0CE

Split Complementary

#CE96D0

#B5D096

#96D0B1

Tetradic

#CE96D0

#D0B196

#98D096

#96B5D0

Color Blindness Simulation

Original

#CE96D0

Protanopia

#B6B5C2

Deuteranopia

#B9BDBF

Tritanopia

#CBB7B4

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E8CEE9
300
#D8AAD9
400
#C27DC5
500
#AD4FB0
600
#8A3F8D
700
#6F3271
800
#562758
900
#402041
950
#281429

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026