#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026