#B787EA

#B787EA

Color Values

HEX

#B787EA

RGB

183, 135, 234

HSL

269.1, 70.2%, 72.4%

HSV

269.1, 42.3%, 91.8%

CMYK

21.8%, 42.3%, 0.0%, 8.2%

OKLCH

0.7085 0.1477 305.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B787EA

#BAEA87

Analogous

#8789EA

#E987EA

#B787EA

Triadic

#B787EA

#EAB787

#87EAB7

Split Complementary

#B787EA

#EAE987

#89EA87

Tetradic

#B787EA

#EA8789

#BAEA87

#87EAE9

Color Blindness Simulation

Original

#B787EA

Protanopia

#A2A2D2

Deuteranopia

#A5A9CC

Tritanopia

#B5BFBB

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F4
300
#C197ED
400
#9F5EE3
500
#7D26D9
600
#641EAE
700
#50188B
800
#3E136D
900
#30124F
950
#1E0B32

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026