#C22DB9

#C22DB9

Color Values

HEX

#C22DB9

RGB

194, 45, 185

HSL

303.6, 62.3%, 46.9%

HSV

303.6, 76.8%, 76.1%

CMYK

0.0%, 76.8%, 4.6%, 23.9%

OKLCH

0.5833 0.233 330.8

Properties

Warm Dark Nearest: mediumorchid

Color Harmonies

Complementary

#C22DB9

#2DC236

Analogous

#812DC2

#C22D6F

#C22DB9

Triadic

#C22DB9

#B9C22D

#2DB9C2

Split Complementary

#C22DB9

#6FC22D

#2DC281

Tetradic

#C22DB9

#C2812D

#2DC236

#2D6FC2

Color Blindness Simulation

Original

#C22DB9

Protanopia

#818097

Deuteranopia

#8A958F

Tritanopia

#BB7C76

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F5
200
#F2C5EF
300
#E89CE3
400
#DB66D4
500
#CF30C5
600
#A6269E
700
#841F7E
800
#671863
900
#4C1548
950
#300D2E

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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