#CB22C3

#CB22C3

Color Values

HEX

#CB22C3

RGB

203, 34, 195

HSL

302.8, 71.3%, 46.5%

HSV

302.8, 83.3%, 79.6%

CMYK

0.0%, 83.3%, 3.9%, 20.4%

OKLCH

0.5962 0.2527 330.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CB22C3

#22CB2A

Analogous

#7E22CB

#CB226F

#CB22C3

Triadic

#CB22C3

#C3CB22

#22C3CB

Split Complementary

#CB22C3

#6FCB22

#22CB7E

Tetradic

#CB22C3

#CB7E22

#22CB2A

#226FCB

Color Blindness Simulation

Original

#CB22C3

Protanopia

#82809C

Deuteranopia

#8C9893

Tritanopia

#C37D77

Achromatopsia

#525252

CSS Usage

background-color: #CB22C3;
color: #CB22C3;
border-color: #CB22C3;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF3FC
100
#F8E2F7
200
#F5C2F2
300
#ED96E9
400
#E45DDE
500
#DA25D2
600
#AF1DA8
700
#8C1786
800
#6D1269
900
#50114D
950
#320B30

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass 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