#CB54BA

#CB54BA

Color Values

HEX

#CB54BA

RGB

203, 84, 186

HSL

308.6, 53.4%, 56.3%

HSV

308.6, 58.6%, 79.6%

CMYK

0.0%, 58.6%, 8.4%, 20.4%

OKLCH

0.6338 0.1915 333.5

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CB54BA

#54CB65

Analogous

#A154CB

#CB547F

#CB54BA

Triadic

#CB54BA

#BACB54

#54BACB

Split Complementary

#CB54BA

#7FCB54

#54CBA1

Tetradic

#CB54BA

#CBA154

#54CB65

#547FCB

Color Blindness Simulation

Original

#CB54BA

Protanopia

#9796A1

Deuteranopia

#9EA79B

Tritanopia

#C58E8A

Achromatopsia

#757575

CSS Usage

background-color: #CB54BA;
color: #CB54BA;
border-color: #CB54BA;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC8E9
300
#E2A1D9
400
#D36EC5
500
#C43BB0
600
#9C308D
700
#7D2671
800
#621E58
900
#481941
950
#2D1029

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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