#C22BAF

#C22BAF

Color Values

HEX

#C22BAF

RGB

194, 43, 175

HSL

307.5, 63.7%, 46.5%

HSV

307.5, 77.8%, 76.1%

CMYK

0.0%, 77.8%, 9.8%, 23.9%

OKLCH

0.5765 0.2279 334.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#C22BAF

#2BC23E

Analogous

#892BC2

#C22B64

#C22BAF

Triadic

#C22BAF

#AFC22B

#2BAFC2

Split Complementary

#C22BAF

#64C22B

#2BC289

Tetradic

#C22BAF

#C2892B

#2BC23E

#2B64C2

Color Blindness Simulation

Original

#C22BAF

Protanopia

#817F8F

Deuteranopia

#899587

Tritanopia

#BA7670

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F7E3F4
200
#F2C5EC
300
#E99BDF
400
#DD65CE
500
#D12EBC
600
#A72597
700
#861E79
800
#68175E
900
#4C1545
950
#300D2C

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

4.26:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026