#CF18E7

#CF18E7

Color Values

HEX

#CF18E7

RGB

207, 24, 231

HSL

293.0, 81.2%, 50.0%

HSV

293.0, 89.6%, 90.6%

CMYK

10.4%, 89.6%, 0.0%, 9.4%

OKLCH

0.6202 0.2844 322.3

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#CF18E7

#30E718

Analogous

#6718E7

#E71898

#CF18E7

Triadic

#CF18E7

#E7CF18

#18E7CF

Split Complementary

#CF18E7

#98E718

#18E767

Tetradic

#CF18E7

#E76718

#30E718

#1898E7

Color Blindness Simulation

Original

#CF18E7

Protanopia

#807EB5

Deuteranopia

#8A98A9

Tritanopia

#C68D85

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F7E1F9
200
#F2BEF8
300
#E890F3
400
#DB54ED
500
#CF18E7
600
#A513B9
700
#840F94
800
#670C74
900
#4C0D54
950
#300835

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026