#CB30CC

#CB30CC

Color Values

HEX

#CB30CC

RGB

203, 48, 204

HSL

299.6, 61.9%, 49.4%

HSV

299.6, 76.5%, 80.0%

CMYK

0.5%, 76.5%, 0.0%, 20.0%

OKLCH

0.6095 0.2481 327.8

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#CB30CC

#31CC30

Analogous

#7D30CC

#CC307F

#CB30CC

Triadic

#CB30CC

#CCCB30

#30CCCB

Split Complementary

#CB30CC

#7FCC30

#30CC7D

Tetradic

#CB30CC

#CC7D30

#31CC30

#307FCC

Color Blindness Simulation

Original

#CB30CC

Protanopia

#8887A6

Deuteranopia

#919C9D

Tritanopia

#C38882

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F1C5F1
300
#E79CE8
400
#DA66DB
500
#CD31CE
600
#A427A5
700
#831F84
800
#671867
900
#4B154B
950
#2F0E30

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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