#CE378F

#CE378F

Color Values

HEX

#CE378F

RGB

206, 55, 143

HSL

325.0, 60.6%, 51.2%

HSV

325.0, 73.3%, 80.8%

CMYK

0.0%, 73.3%, 30.6%, 19.2%

OKLCH

0.5899 0.2036 349.5

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CE378F

#37CE76

Analogous

#C137CE

#CE3744

#CE378F

Triadic

#CE378F

#8FCE37

#378FCE

Split Complementary

#CE378F

#44CE37

#37CEC1

Tetradic

#CE378F

#CEC137

#37CE76

#3744CE

Color Blindness Simulation

Original

#CE378F

Protanopia

#8D8B7A

Deuteranopia

#95A175

Tritanopia

#C66965

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C6DF
300
#E79DC8
400
#DA67AA
500
#CD328C
600
#A42870
700
#83205A
800
#661946
900
#4B1635
950
#2F0E21

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026