#CE3987

#CE3987

Color Values

HEX

#CE3987

RGB

206, 57, 135

HSL

328.6, 60.3%, 51.6%

HSV

328.6, 72.3%, 80.8%

CMYK

0.0%, 72.3%, 34.5%, 19.2%

OKLCH

0.5886 0.1975 352.9

Properties

Warm Dark Nearest: Cerise

Color Harmonies

Complementary

#CE3987

#39CE80

Analogous

#CB39CE

#CE393D

#CE3987

Triadic

#CE3987

#87CE39

#3987CE

Split Complementary

#CE3987

#3DCE39

#39CECB

Tetradic

#CE3987

#CECB39

#39CE80

#393DCE

Color Blindness Simulation

Original

#CE3987

Protanopia

#8D8C74

Deuteranopia

#96A170

Tritanopia

#C76562

Achromatopsia

#5E5E5E

CSS Usage

background-color: #CE3987;
color: #CE3987;
border-color: #CE3987;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DC
300
#E79DC4
400
#DA68A3
500
#CC3383
600
#A42869
700
#832054
800
#661942
900
#4B1632
950
#2F0E1F

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026