#CB34C1

#CB34C1

Color Values

HEX

#CB34C1

RGB

203, 52, 193

HSL

304.0, 59.2%, 50.0%

HSV

304.0, 74.4%, 79.6%

CMYK

0.0%, 74.4%, 4.9%, 20.4%

OKLCH

0.6062 0.2364 331.0

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CB34C1

#34CB3E

Analogous

#8A34CB

#CB3475

#CB34C1

Triadic

#CB34C1

#C1CB34

#34C1CB

Split Complementary

#CB34C1

#75CB34

#34CB8A

Tetradic

#CB34C1

#CB8A34

#34CB3E

#3475CB

Color Blindness Simulation

Original

#CB34C1

Protanopia

#8A889F

Deuteranopia

#929E97

Tritanopia

#C3847E

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C6EE
300
#E69EE1
400
#D969D1
500
#CB34C1
600
#A22A9A
700
#82217B
800
#651A60
900
#4A1747
950
#2F0E2D

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8:1

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