#B981EE

#B981EE

Color Values

HEX

#B981EE

RGB

185, 129, 238

HSL

270.8, 76.2%, 72.0%

HSV

270.8, 45.8%, 93.3%

CMYK

22.3%, 45.8%, 0.0%, 6.7%

OKLCH

0.7025 0.1628 306.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B981EE

#B6EE81

Analogous

#8381EE

#EE81ED

#B981EE

Triadic

#B981EE

#EEB981

#81EEB9

Split Complementary

#B981EE

#EDEE81

#81EE83

Tetradic

#B981EE

#EE8381

#B6EE81

#81EDEE

Color Blindness Simulation

Original

#B981EE

Protanopia

#A1A0D4

Deuteranopia

#A4A8CD

Tritanopia

#B6BFBA

Achromatopsia

#959595

CSS Usage

background-color: #B981EE;
color: #B981EE;
border-color: #B981EE;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DCC0F7
300
#C393F0
400
#A359E9
500
#821EE1
600
#6818B4
700
#531390
800
#410F70
900
#310F52
950
#1F0A34

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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