#C10BA0

#C10BA0

Color Values

HEX

#C10BA0

RGB

193, 11, 160

HSL

310.9, 89.2%, 40.0%

HSV

310.9, 94.3%, 75.7%

CMYK

0.0%, 94.3%, 17.1%, 24.3%

OKLCH

0.5526 0.2375 338.4

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C10BA0

#0BC12C

Analogous

#870BC1

#C10B45

#C10BA0

Triadic

#C10BA0

#A0C10B

#0BA0C1

Split Complementary

#C10BA0

#45C10B

#0BC187

Tetradic

#C10BA0

#C1870B

#0BC12C

#0B45C1

Color Blindness Simulation

Original

#C10BA0

Protanopia

#72717C

Deuteranopia

#7D8A73

Tritanopia

#B85F59

Achromatopsia

#3C3C3C

CSS Usage

background-color: #C10BA0;
color: #C10BA0;
border-color: #C10BA0;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FB
100
#FBE0F6
200
#FBBBF0
300
#F88BE5
400
#F54CD6
500
#F10EC8
600
#C10BA0
700
#9A0980
800
#790764
900
#570A49
950
#37062E

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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