#C22BC0

#C22BC0

Color Values

HEX

#C22BC0

RGB

194, 43, 192

HSL

300.8, 63.7%, 46.5%

HSV

300.8, 77.8%, 76.1%

CMYK

0.0%, 77.8%, 1.0%, 23.9%

OKLCH

0.5859 0.2398 328.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C22BC0

#2BC22D

Analogous

#792BC2

#C22B75

#C22BC0

Triadic

#C22BC0

#C0C22B

#2BC0C2

Split Complementary

#C22BC0

#75C22B

#2BC279

Tetradic

#C22BC0

#C2792B

#2BC22D

#2B75C2

Color Blindness Simulation

Original

#C22BC0

Protanopia

#817F9C

Deuteranopia

#899593

Tritanopia

#BA7F79

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E3F7
200
#F2C5F1
300
#E99BE8
400
#DD65DB
500
#D12ECF
600
#A725A5
700
#861E84
800
#681767
900
#4C154B
950
#300D30

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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