#CE6BA2

#CE6BA2

Color Values

HEX

#CE6BA2

RGB

206, 107, 162

HSL

326,7, 50,3%, 61,4%

HSV

326,7, 48,1%, 80,8%

CMYK

0,0%, 48,1%, 21,4%, 19,2%

OKLCH

0,6585 0,1402 347,2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CE6BA2

#6BCE97

Analogous

#C96BCE

#CE6B71

#CE6BA2

Triadic

#CE6BA2

#A2CE6B

#6BA2CE

Split Complementary

#CE6BA2

#71CE6B

#6BCEC9

Tetradic

#CE6BA2

#CEC96B

#6BCE97

#6B71CE

Color Blindness Simulation

Original

#CE6BA2

Protanopia

#A3A295

Deuteranopia

#A9B092

Tritanopia

#C98A88

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDC9DD
300
#E1A3C5
400
#D071A6
500
#C03F87
600
#99336C
700
#7B2956
800
#602043
900
#461B33
950
#2C1120

Contrast Checker

Text on white

3,36:1

AA Fail AAA Fail

Text on black

6,25: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