#CB72BC

#CB72BC

Color Values

HEX

#CB72BC

RGB

203, 114, 188

HSL

310,1, 46,1%, 62,2%

HSV

310,1, 43,8%, 79,6%

CMYK

0,0%, 43,8%, 7,4%, 20,4%

OKLCH

0,6754 0,145 333,6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CB72BC

#72CB81

Analogous

#AE72CB

#CB7290

#CB72BC

Triadic

#CB72BC

#BCCB72

#72BCCB

Split Complementary

#CB72BC

#90CB72

#72CBAE

Tetradic

#CB72BC

#CBAE72

#72CB81

#7290CB

Color Blindness Simulation

Original

#CB72BC

Protanopia

#A4A4AA

Deuteranopia

#AAB0A6

Tritanopia

#C79C99

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCBE6
300
#DEA6D5
400
#CC75BE
500
#BA45A6
600
#953785
700
#772C6B
800
#5D2253
900
#451C3E
950
#2B1227

Contrast Checker

Text on white

3,15:1

AA Fail AAA Fail

Text on black

6,67: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