#CE2CCF

#CE2CCF

Color Values

HEX

#CE2CCF

RGB

206, 44, 207

HSL

299.6, 64.9%, 49.2%

HSV

299.6, 78.7%, 81.2%

CMYK

0.5%, 78.7%, 0.0%, 18.8%

OKLCH

0.6132 0.2549 327.9

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#CE2CCF

#2DCF2C

Analogous

#7C2CCF

#CF2C7F

#CE2CCF

Triadic

#CE2CCF

#CFCE2C

#2CCFCE

Split Complementary

#CE2CCF

#7FCF2C

#2CCF7C

Tetradic

#CE2CCF

#CF7C2C

#2DCF2C

#2C7FCF

Color Blindness Simulation

Original

#CE2CCF

Protanopia

#8886A8

Deuteranopia

#919D9E

Tritanopia

#C68882

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F2C4F2
300
#E99AEA
400
#DD63DE
500
#D12DD2
600
#A724A8
700
#861D87
800
#691669
900
#4C144D
950
#300D30

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026