#C60FF0

#C60FF0

Color Values

HEX

#C60FF0

RGB

198, 15, 240

HSL

288.8, 88.2%, 50.0%

HSV

288.8, 93.8%, 94.1%

CMYK

17.5%, 93.8%, 0.0%, 5.9%

OKLCH

0.6108 0.2912 317.9

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C60FF0

#39F00F

Analogous

#560FF0

#F00FA9

#C60FF0

Triadic

#C60FF0

#F0C60F

#0FF0C6

Split Complementary

#C60FF0

#A9F00F

#0FF056

Tetradic

#C60FF0

#F0560F

#39F00F

#0FA9F0

Color Blindness Simulation

Original

#C60FF0

Protanopia

#7775BA

Deuteranopia

#818FAC

Tritanopia

#BD8F85

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F6E0FB
200
#EFBCFB
300
#E48CF8
400
#D54DF4
500
#C60FF0
600
#9E0CC0
700
#7F0A9A
800
#630878
900
#490A57
950
#2E0637

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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