#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