#C2226F

#C2226F

Color Values

HEX

#C2226F

RGB

194, 34, 111

HSL

331.1, 70.2%, 44.7%

HSV

331.1, 82.5%, 76.1%

CMYK

0.0%, 82.5%, 42.8%, 23.9%

OKLCH

0.5428 0.2007 358.0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C2226F

#22C275

Analogous

#C222BF

#C22522

#C2226F

Triadic

#C2226F

#6FC222

#226FC2

Split Complementary

#C2226F

#22C225

#22BFC2

Tetradic

#C2226F

#BFC222

#22C275

#2522C2

Color Blindness Simulation

Original

#C2226F

Protanopia

#7D7B5C

Deuteranopia

#869258

Tritanopia

#BA4E4A

Achromatopsia

#4A4A4A

CSS Usage

background-color: #C2226F;
color: #C2226F;
border-color: #C2226F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F4C2DA
300
#ED97C0
400
#E35E9E
500
#D9267C
600
#AE1E63
700
#8B184F
800
#6D133E
900
#4F122F
950
#320B1E

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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