#B788CB

#B788CB

Color Values

HEX

#B788CB

RGB

183, 136, 203

HSL

282.1, 39.2%, 66.5%

HSV

282.1, 33.0%, 79.6%

CMYK

9.9%, 33.0%, 0.0%, 20.4%

OKLCH

0.6958 0.1084 315.5

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B788CB

#9CCB88

Analogous

#9688CB

#CB88BE

#B788CB

Triadic

#B788CB

#CBB788

#88CBB7

Split Complementary

#B788CB

#BECB88

#88CB96

Tetradic

#B788CB

#CB9688

#9CCB88

#88BECB

Color Blindness Simulation

Original

#B788CB

Protanopia

#A3A2BB

Deuteranopia

#A5A9B7

Tritanopia

#B5AEAB

Achromatopsia

#979797

CSS Usage

background-color: #B788CB;
color: #B788CB;
border-color: #B788CB;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#F0E7F3
200
#E1CDE9
300
#CBAADA
400
#B07CC6
500
#944EB1
600
#763E8E
700
#5F3272
800
#4A2759
900
#371F42
950
#231429

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

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