#CE6495

#CE6495

Color Values

HEX

#CE6495

RGB

206, 100, 149

HSL

332.3, 52.0%, 60.0%

HSV

332.3, 51.5%, 80.8%

CMYK

0.0%, 51.5%, 27.7%, 19.2%

OKLCH

0.6438 0.1444 352.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CE6495

#64CE9D

Analogous

#CE64CA

#CE6864

#CE6495

Triadic

#CE6495

#95CE64

#6495CE

Split Complementary

#CE6495

#64CE68

#64CACE

Tetradic

#CE6495

#CACE64

#64CE9D

#6864CE

Color Blindness Simulation

Original

#CE6495

Protanopia

#A09F89

Deuteranopia

#A6AE86

Tritanopia

#C9807E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC9DA
300
#E2A2BF
400
#D2709D
500
#C23D7A
600
#9B3162
700
#7C274E
800
#611F3D
900
#471A2F
950
#2D101E

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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