#CE4987

#CE4987

Color Values

HEX

#CE4987

RGB

206, 73, 135

HSL

332.0, 57.6%, 54.7%

HSV

332.0, 64.6%, 80.8%

CMYK

0.0%, 64.6%, 34.5%, 19.2%

OKLCH

0.6046 0.1778 354.9

Properties

Warm Light Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#CE4987

#49CE90

Analogous

#CE49CA

#CE4D49

#CE4987

Triadic

#CE4987

#87CE49

#4987CE

Split Complementary

#CE4987

#49CE4D

#49CACE

Tetradic

#CE4987

#CACE49

#49CE90

#4D49CE

Color Blindness Simulation

Original

#CE4987

Protanopia

#949378

Deuteranopia

#9CA674

Tritanopia

#C76C6A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C7DA
300
#E59FBF
400
#D76A9D
500
#C9367B
600
#A12B62
700
#81234E
800
#641B3D
900
#4A172F
950
#2E0F1E

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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