#CE6DA3

#CE6DA3

Color Values

HEX

#CE6DA3

RGB

206, 109, 163

HSL

326.6, 49.7%, 61.8%

HSV

326.6, 47.1%, 80.8%

CMYK

0.0%, 47.1%, 20.9%, 19.2%

OKLCH

0.6618 0.1375 347.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CE6DA3

#6DCE98

Analogous

#C96DCE

#CE6D73

#CE6DA3

Triadic

#CE6DA3

#A3CE6D

#6DA3CE

Split Complementary

#CE6DA3

#73CE6D

#6DCEC9

Tetradic

#CE6DA3

#CEC96D

#6DCE98

#6D73CE

Color Blindness Simulation

Original

#CE6DA3

Protanopia

#A4A396

Deuteranopia

#AAB193

Tritanopia

#C98C89

Achromatopsia

#868686

CSS Usage

background-color: #CE6DA3;
color: #CE6DA3;
border-color: #CE6DA3;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADD
300
#E0A3C5
400
#D072A6
500
#BF4087
600
#99336C
700
#7A2956
800
#5F2043
900
#461B33
950
#2C1120

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

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