#C44EB2

#C44EB2

Color Values

HEX

#C44EB2

RGB

196, 78, 178

HSL

309,2, 50,0%, 53,7%

HSV

309,2, 60,2%, 76,9%

CMYK

0,0%, 60,2%, 9,2%, 23,1%

OKLCH

0,6133 0,1895 334,0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C44EB2

#4EC460

Analogous

#9B4EC4

#C44E77

#C44EB2

Triadic

#C44EB2

#B2C44E

#4EB2C4

Split Complementary

#C44EB2

#77C44E

#4EC49B

Tetradic

#C44EB2

#C49B4E

#4EC460

#4E77C4

Color Blindness Simulation

Original

#C44EB2

Protanopia

#91909A

Deuteranopia

#98A194

Tritanopia

#BE8782

Achromatopsia

#6E6E6E

CSS Usage

background-color: #C44EB2;
color: #C44EB2;
border-color: #C44EB2;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E6F2
200
#EDC9E8
300
#E0A3D7
400
#D071C1
500
#BF40AC
600
#993389
700
#7A296E
800
#602056
900
#461B40
950
#2C1128

Contrast Checker

Text on white

4,13:1

AA Fail AAA Fail

Text on black

5,08:1

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