#C600F9

#C600F9

Color Values

HEX

#C600F9

RGB

198, 0, 249

HSL

287.7, 100.0%, 48.8%

HSV

287.7, 100.0%, 97.6%

CMYK

20.5%, 100.0%, 0.0%, 2.4%

OKLCH

0.6145 0.301 316.1

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C600F9

#33F900

Analogous

#4900F9

#F900AF

#C600F9

Triadic

#C600F9

#F9C600

#00F9C6

Split Complementary

#C600F9

#AFF900

#00F949

Tetradic

#C600F9

#F94900

#33F900

#00AFF9

Color Blindness Simulation

Original

#C600F9

Protanopia

#706FBD

Deuteranopia

#7C8BAE

Tritanopia

#BC8D83

Achromatopsia

#3C3C3C

CSS Usage

background-color: #C600F9;
color: #C600F9;
border-color: #C600F9;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FBF1FE
100
#F6DEFC
200
#F0B8FF
300
#E685FF
400
#D842FF
500
#CB00FF
600
#A200CC
700
#8200A3
800
#650080
900
#4A055C
950
#2F033A

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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