#C10BA7

#C10BA7

Color Values

HEX

#C10BA7

RGB

193, 11, 167

HSL

308.6, 89.2%, 40.0%

HSV

308.6, 94.3%, 75.7%

CMYK

0.0%, 94.3%, 13.5%, 24.3%

OKLCH

0.5563 0.2417 336.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#C10BA7

#0BC125

Analogous

#800BC1

#C10B4C

#C10BA7

Triadic

#C10BA7

#A7C10B

#0BA7C1

Split Complementary

#C10BA7

#4CC10B

#0BC180

Tetradic

#C10BA7

#C1800B

#0BC125

#0B4CC1

Color Blindness Simulation

Original

#C10BA7

Protanopia

#727181

Deuteranopia

#7D8A78

Tritanopia

#B8635D

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FBE0F7
200
#FBBBF2
300
#F88BE9
400
#F54CDD
500
#F10ED1
600
#C10BA7
700
#9A0986
800
#790768
900
#570A4C
950
#370630

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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