#C409F6

#C409F6

Color Values

HEX

#C409F6

RGB

196, 9, 246

HSL

287.3, 92.9%, 50.0%

HSV

287.3, 96.3%, 96.5%

CMYK

20.3%, 96.3%, 0.0%, 3.5%

OKLCH

0.6111 0.2964 316.1

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C409F6

#3BF609

Analogous

#4D09F6

#F609B2

#C409F6

Triadic

#C409F6

#F6C409

#09F6C4

Split Complementary

#C409F6

#B2F609

#09F64D

Tetradic

#C409F6

#F64D09

#3BF609

#09B2F6

Color Blindness Simulation

Original

#C409F6

Protanopia

#7371BD

Deuteranopia

#7E8CAF

Tritanopia

#BB8F85

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FBF1FD
100
#F5DFFB
200
#EEBAFC
300
#E389FB
400
#D349F8
500
#C409F6
600
#9D07C5
700
#7D069D
800
#62057B
900
#480859
950
#2D0538

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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