#CB2AC0

#CB2AC0

Color Values

HEX

#CB2AC0

RGB

203, 42, 192

HSL

304,1, 65,7%, 48,0%

HSV

304,1, 79,3%, 79,6%

CMYK

0,0%, 79,3%, 5,4%, 20,4%

OKLCH

0,5989 0,2447 331,3

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CB2AC0

#2ACB35

Analogous

#852ACB

#CB2A6F

#CB2AC0

Triadic

#CB2AC0

#C0CB2A

#2AC0CB

Split Complementary

#CB2AC0

#6FCB2A

#2ACB85

Tetradic

#CB2AC0

#CB852A

#2ACB35

#2A6FCB

Color Blindness Simulation

Original

#CB2AC0

Protanopia

#85849C

Deuteranopia

#8F9B93

Tritanopia

#C37F79

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4F0
300
#EA9AE5
400
#DF63D6
500
#D32CC8
600
#A923A0
700
#871C80
800
#6A1664
900
#4D1449
950
#310D2E

Contrast Checker

Text on white

4,53:1

AA Pass AAA Fail

Text on black

4,63:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026