#C105C2

#C105C2

Color Values

HEX

#C105C2

RGB

193, 5, 194

HSL

299.7, 95.0%, 39.0%

HSV

299.7, 97.4%, 76.1%

CMYK

0.5%, 97.4%, 0.0%, 23.9%

OKLCH

0.5707 0.2608 328.1

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C105C2

#06C205

Analogous

#6305C2

#C20564

#C105C2

Triadic

#C105C2

#C2C105

#05C2C1

Split Complementary

#C105C2

#64C205

#05C263

Tetradic

#C105C2

#C26305

#06C205

#0564C2

Color Blindness Simulation

Original

#C105C2

Protanopia

#706E94

Deuteranopia

#7A8989

Tritanopia

#B87068

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FDB9FD
300
#FB88FC
400
#F947FA
500
#F706F9
600
#C605C7
700
#9E049F
800
#7C037C
900
#59075A
950
#390439

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail 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