#CE96C3

#CE96C3

Color Values

HEX

#CE96C3

RGB

206, 150, 195

HSL

311.8, 36.4%, 69.8%

HSV

311.8, 27.2%, 80.8%

CMYK

0.0%, 27.2%, 5.3%, 19.2%

OKLCH

0.7409 0.0896 333.6

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CE96C3

#96CEA1

Analogous

#BD96CE

#CE96A7

#CE96C3

Triadic

#CE96C3

#C3CE96

#96C3CE

Split Complementary

#CE96C3

#A7CE96

#96CEBD

Tetradic

#CE96C3

#CEBD96

#96CEA1

#96A7CE

Color Blindness Simulation

Original

#CE96C3

Protanopia

#B6B5B8

Deuteranopia

#B9BDB6

Tritanopia

#CBB0AE

Achromatopsia

#A5A5A5

CSS Usage

background-color: #CE96C3;
color: #CE96C3;
border-color: #CE96C3;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE3
300
#D8ACCF
400
#C37EB5
500
#AE519C
600
#8B417D
700
#6F3464
800
#57294E
900
#40213A
950
#291525

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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