#C22D80

#C22D80

Color Values

HEX

#C22D80

RGB

194, 45, 128

HSL

326.6, 62.3%, 46.9%

HSV

326.6, 76.8%, 76.1%

CMYK

0.0%, 76.8%, 34.0%, 23.9%

OKLCH

0.5564 0.198 351.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C22D80

#2DC26F

Analogous

#BA2DC2

#C22D36

#C22D80

Triadic

#C22D80

#80C22D

#2D80C2

Split Complementary

#C22D80

#36C22D

#2DC2BA

Tetradic

#C22D80

#C2BA2D

#2DC26F

#2D36C2

Color Blindness Simulation

Original

#C22D80

Protanopia

#81806C

Deuteranopia

#8A9567

Tritanopia

#BB5C59

Achromatopsia

#535353

CSS Usage

background-color: #C22D80;
color: #C22D80;
border-color: #C22D80;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DE
300
#E89CC6
400
#DB66A7
500
#CF3089
600
#A6266D
700
#841F57
800
#671844
900
#4C1534
950
#300D21

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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