#CC0FD0

#CC0FD0

Color Values

HEX

#CC0FD0

RGB

204, 15, 208

HSL

298,8, 86,5%, 43,7%

HSV

298,8, 92,8%, 81,6%

CMYK

1,9%, 92,8%, 0,0%, 18,4%

OKLCH

0,5985 0,2712 327,3

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC0FD0

#13D00F

Analogous

#6C0FD0

#D00F73

#CC0FD0

Triadic

#CC0FD0

#D0CC0F

#0FD0CC

Split Complementary

#CC0FD0

#73D00F

#0FD06C

Tetradic

#CC0FD0

#D06C0F

#13D00F

#0F73D0

Color Blindness Simulation

Original

#CC0FD0

Protanopia

#7A79A1

Deuteranopia

#859396

Tritanopia

#C37C74

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BCFA
300
#F58DF7
400
#EF4FF2
500
#E911EE
600
#BB0EBE
700
#950B98
800
#750977
900
#550B56
950
#350736

Contrast Checker

Text on white

4,62:1

AA Pass AAA Fail

Text on black

4,55: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