#C44EC0

#C44EC0

Color Values

HEX

#C44EC0

RGB

196, 78, 192

HSL

302.0, 50.0%, 53.7%

HSV

302.0, 60.2%, 76.9%

CMYK

0.0%, 60.2%, 2.0%, 23.1%

OKLCH

0.6202 0.2007 329.0

Properties

Warm Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#C44EC0

#4EC452

Analogous

#8D4EC4

#C44E85

#C44EC0

Triadic

#C44EC0

#C0C44E

#4EC0C4

Split Complementary

#C44EC0

#85C44E

#4EC48D

Tetradic

#C44EC0

#C48D4E

#4EC452

#4E85C4

Color Blindness Simulation

Original

#C44EC0

Protanopia

#9190A4

Deuteranopia

#98A19E

Tritanopia

#BE8F8A

Achromatopsia

#6F6F6F

CSS Usage

background-color: #C44EC0;
color: #C44EC0;
border-color: #C44EC0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDC9EC
300
#E0A3DE
400
#D071CD
500
#BF40BB
600
#993396
700
#7A2978
800
#60205E
900
#461B45
950
#2C112B

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

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