#CB63BF

#CB63BF

Color Values

HEX

#CB63BF

RGB

203, 99, 191

HSL

306.9, 50.0%, 59.2%

HSV

306.9, 51.2%, 79.6%

CMYK

0.0%, 51.2%, 5.9%, 20.4%

OKLCH

0.6551 0.1725 331.9

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CB63BF

#63CB6F

Analogous

#A363CB

#CB638B

#CB63BF

Triadic

#CB63BF

#BFCB63

#63BFCB

Split Complementary

#CB63BF

#8BCB63

#63CBA3

Tetradic

#CB63BF

#CBA363

#63CB6F

#638BCB

Color Blindness Simulation

Original

#CB63BF

Protanopia

#9E9DA9

Deuteranopia

#A4ACA3

Tritanopia

#C69793

Achromatopsia

#808080

CSS Usage

background-color: #CB63BF;
color: #CB63BF;
border-color: #CB63BF;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDC9E9
300
#E0A3D9
400
#D071C5
500
#BF40B1
600
#99338D
700
#7A2971
800
#602058
900
#461B41
950
#2C1129

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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