#CE09C7

#CE09C7

Color Values

HEX

#CE09C7

RGB

206, 9, 199

HSL

302.1, 91.6%, 42.2%

HSV

302.1, 95.6%, 80.8%

CMYK

0.0%, 95.6%, 3.4%, 19.2%

OKLCH

0.5949 0.2678 330.2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CE09C7

#09CE10

Analogous

#7309CE

#CE0965

#CE09C7

Triadic

#CE09C7

#C7CE09

#09C7CE

Split Complementary

#CE09C7

#65CE09

#09CE73

Tetradic

#CE09C7

#CE7309

#09CE10

#0965CE

Color Blindness Simulation

Original

#CE09C7

Protanopia

#797799

Deuteranopia

#84938E

Tritanopia

#C4756D

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#FA8AF6
400
#F74AF1
500
#F40BEC
600
#C309BD
700
#9C0797
800
#7A0576
900
#580956
950
#380536

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail 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