#CE7CA8

#CE7CA8

Color Values

HEX

#CE7CA8

RGB

206, 124, 168

HSL

327.8, 45.6%, 64.7%

HSV

327.8, 39.8%, 80.8%

CMYK

0.0%, 39.8%, 18.4%, 19.2%

OKLCH

0.687 0.1151 347.2

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CE7CA8

#7CCEA2

Analogous

#CB7CCE

#CE7C7F

#CE7CA8

Triadic

#CE7CA8

#A8CE7C

#7CA8CE

Split Complementary

#CE7CA8

#7FCE7C

#7CCECB

Tetradic

#CE7CA8

#CECB7C

#7CCEA2

#7C7FCE

Color Blindness Simulation

Original

#CE7CA8

Protanopia

#AAAA9D

Deuteranopia

#AFB59B

Tritanopia

#CA9593

Achromatopsia

#919191

CSS Usage

background-color: #CE7CA8;
color: #CE7CA8;
border-color: #CE7CA8;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDC
300
#DEA6C4
400
#CC76A4
500
#BA4584
600
#953769
700
#772C54
800
#5D2342
900
#441D32
950
#2B1220

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

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