#C125C2

#C125C2

Color Values

HEX

#C125C2

RGB

193, 37, 194

HSL

299.6, 68.0%, 45.3%

HSV

299.6, 80.9%, 76.1%

CMYK

0.5%, 80.9%, 0.0%, 23.9%

OKLCH

0.5819 0.2457 327.9

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C125C2

#26C225

Analogous

#7225C2

#C22575

#C125C2

Triadic

#C125C2

#C2C125

#25C2C1

Split Complementary

#C125C2

#75C225

#25C272

Tetradic

#C125C2

#C27225

#26C225

#2575C2

Color Blindness Simulation

Original

#C125C2

Protanopia

#7D7C9C

Deuteranopia

#869293

Tritanopia

#B97E77

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F4
300
#EB98EB
400
#E060E1
500
#D529D6
600
#AA21AB
700
#881A89
800
#6B146B
900
#4E134E
950
#310C31

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026