#CE6BA3

#CE6BA3

Color Values

HEX

#CE6BA3

RGB

206, 107, 163

HSL

326.1, 50.3%, 61.4%

HSV

326.1, 48.1%, 80.8%

CMYK

0.0%, 48.1%, 20.9%, 19.2%

OKLCH

0.6589 0.1408 346.6

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CE6BA3

#6BCE96

Analogous

#C86BCE

#CE6B71

#CE6BA3

Triadic

#CE6BA3

#A3CE6B

#6BA3CE

Split Complementary

#CE6BA3

#71CE6B

#6BCEC8

Tetradic

#CE6BA3

#CEC86B

#6BCE96

#6B71CE

Color Blindness Simulation

Original

#CE6BA3

Protanopia

#A3A295

Deuteranopia

#A9B092

Tritanopia

#C98B88

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDC9DE
300
#E1A3C6
400
#D071A7
500
#C03F88
600
#99336D
700
#7B2957
800
#602044
900
#461B33
950
#2C1120

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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