#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026