#CB31C8

#CB31C8

Color Values

HEX

#CB31C8

RGB

203, 49, 200

HSL

301.2, 61.1%, 49.4%

HSV

301.2, 75.9%, 79.6%

CMYK

0.0%, 75.9%, 1.5%, 20.4%

OKLCH

0.608 0.2443 328.9

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CB31C8

#31CB34

Analogous

#8131CB

#CB317B

#CB31C8

Triadic

#CB31C8

#C8CB31

#31C8CB

Split Complementary

#CB31C8

#7BCB31

#31CB81

Tetradic

#CB31C8

#CB8131

#31CB34

#317BCB

Color Blindness Simulation

Original

#CB31C8

Protanopia

#8887A4

Deuteranopia

#919D9B

Tritanopia

#C38780

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C5F0
300
#E79CE6
400
#DA67D8
500
#CD32CA
600
#A428A2
700
#832081
800
#671965
900
#4B164A
950
#2F0E2F

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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