#CE0FCC

#CE0FCC

Color Values

HEX

#CE0FCC

RGB

206, 15, 204

HSL

300.6, 86.4%, 43.3%

HSV

300.6, 92.7%, 80.8%

CMYK

0.0%, 92.7%, 1.0%, 19.2%

OKLCH

0.5992 0.2693 328.8

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CE0FCC

#0FCE11

Analogous

#700FCE

#CE0F6D

#CE0FCC

Triadic

#CE0FCC

#CCCE0F

#0FCCCE

Split Complementary

#CE0FCC

#6DCE0F

#0FCE70

Tetradic

#CE0FCC

#CE700F

#0FCE11

#0F6DCE

Color Blindness Simulation

Original

#CE0FCC

Protanopia

#7B7A9E

Deuteranopia

#869593

Tritanopia

#C47A72

Achromatopsia

#454545

CSS Usage

background-color: #CE0FCC;
color: #CE0FCC;
border-color: #CE0FCC;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCFA
300
#F78DF6
400
#F24FF1
500
#EE11EB
600
#BE0EBC
700
#980B97
800
#770976
900
#560B55
950
#360736

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026