#BB83DA

#BB83DA

Color Values

HEX

#BB83DA

RGB

187, 131, 218

HSL

278.6, 54.0%, 68.4%

HSV

278.6, 39.9%, 85.5%

CMYK

14.2%, 39.9%, 0.0%, 14.5%

OKLCH

0.698 0.1365 312.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BB83DA

#A2DA83

Analogous

#8F83DA

#DA83CD

#BB83DA

Triadic

#BB83DA

#DABB83

#83DABB

Split Complementary

#BB83DA

#CDDA83

#83DA8F

Tetradic

#BB83DA

#DA8F83

#A2DA83

#83CDDA

Color Blindness Simulation

Original

#BB83DA

Protanopia

#A3A2C5

Deuteranopia

#A6AAC0

Tritanopia

#B8B4B1

Achromatopsia

#959595

CSS Usage

background-color: #BB83DA;
color: #BB83DA;
border-color: #BB83DA;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#E1C8EF
300
#CBA1E3
400
#AF6ED4
500
#933BC4
600
#762F9D
700
#5E267E
800
#4A1D62
900
#371948
950
#23102D

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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