#C419E6

#C419E6

Color Values

HEX

#C419E6

RGB

196, 25, 230

HSL

290.0, 80.4%, 50.0%

HSV

290.0, 89.1%, 90.2%

CMYK

14.8%, 89.1%, 0.0%, 9.8%

OKLCH

0.6039 0.2797 319.5

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C419E6

#3BE619

Analogous

#5D19E6

#E619A2

#C419E6

Triadic

#C419E6

#E6C419

#19E6C4

Split Complementary

#C419E6

#A2E619

#19E65D

Tetradic

#C419E6

#E65D19

#3BE619

#19A2E6

Color Blindness Simulation

Original

#C419E6

Protanopia

#7A78B4

Deuteranopia

#8491A8

Tritanopia

#BB8D85

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F5E1F9
200
#EEBFF8
300
#E391F3
400
#D355ED
500
#C419E6
600
#9D14B8
700
#7D1093
800
#620C73
900
#480D54
950
#2D0835

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

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