#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026