#CF15D0

#CF15D0

Color Values

HEX

#CF15D0

RGB

207, 21, 208

HSL

299.7, 81.7%, 44.9%

HSV

299.7, 89.9%, 81.6%

CMYK

0.5%, 89.9%, 0.0%, 18.4%

OKLCH

0.6048 0.27 328.0

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#CF15D0

#16D015

Analogous

#7215D0

#D01573

#CF15D0

Triadic

#CF15D0

#D0CF15

#15D0CF

Split Complementary

#CF15D0

#73D015

#15D072

Tetradic

#CF15D0

#D07215

#16D015

#1573D0

Color Blindness Simulation

Original

#CF15D0

Protanopia

#7E7DA3

Deuteranopia

#899798

Tritanopia

#C67F77

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1FA
200
#F8BEF8
300
#F390F4
400
#ED54EE
500
#E717E8
600
#B913B9
700
#940F94
800
#730C74
900
#540D54
950
#350835

Contrast Checker

Text on white

4.5:1

AA Fail AAA Fail

Text on black

4.67: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