#CB86BC

#CB86BC

Color Values

HEX

#CB86BC

RGB

203, 134, 188

HSL

313,0, 39,9%, 66,1%

HSV

313,0, 34,0%, 79,6%

CMYK

0,0%, 34,0%, 7,4%, 20,4%

OKLCH

0,7074 0,1098 334,9

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CB86BC

#86CB95

Analogous

#B886CB

#CB869A

#CB86BC

Triadic

#CB86BC

#BCCB86

#86BCCB

Split Complementary

#CB86BC

#9ACB86

#86CBB8

Tetradic

#CB86BC

#CBB886

#86CB95

#869ACB

Color Blindness Simulation

Original

#CB86BC

Protanopia

#ADADAF

Deuteranopia

#B1B6AC

Tritanopia

#C8A5A2

Achromatopsia

#999999

CSS Usage

background-color: #CB86BC;
color: #CB86BC;
border-color: #CB86BC;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACDE3
300
#DAA9D0
400
#C67BB6
500
#B24D9C
600
#8F3D7D
700
#723164
800
#59264E
900
#421F3A
950
#2A1425

Contrast Checker

Text on white

2,74:1

AA Fail AAA Fail

Text on black

7,68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026