#CB22C9

#CB22C9

Color Values

HEX

#CB22C9

RGB

203, 34, 201

HSL

300.7, 71.3%, 46.5%

HSV

300.7, 83.3%, 79.6%

CMYK

0.0%, 83.3%, 1.0%, 20.4%

OKLCH

0.5996 0.2568 328.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CB22C9

#22CB24

Analogous

#7922CB

#CB2275

#CB22C9

Triadic

#CB22C9

#C9CB22

#22C9CB

Split Complementary

#CB22C9

#75CB22

#22CB79

Tetradic

#CB22C9

#CB7922

#22CB24

#2275CB

Color Blindness Simulation

Original

#CB22C9

Protanopia

#8280A1

Deuteranopia

#8C9897

Tritanopia

#C3817A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C2F4
300
#ED96EC
400
#E45DE2
500
#DA25D8
600
#AF1DAD
700
#8C178A
800
#6D126C
900
#50114F
950
#320B32

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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