#B57CED

#B57CED

Color Values

HEX

#B57CED

RGB

181, 124, 237

HSL

270.3, 75.8%, 70.8%

HSV

270.3, 47.7%, 92.9%

CMYK

23.6%, 47.7%, 0.0%, 7.1%

OKLCH

0.6899 0.1685 305.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B57CED

#B4ED7C

Analogous

#7D7CED

#ED7CEC

#B57CED

Triadic

#B57CED

#EDB57C

#7CEDB5

Split Complementary

#B57CED

#ECED7C

#7CED7D

Tetradic

#B57CED

#ED7D7C

#B4ED7C

#7CECED

Color Blindness Simulation

Original

#B57CED

Protanopia

#9C9CD2

Deuteranopia

#A0A4CB

Tritanopia

#B2BCB7

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DCC0F6
300
#C293F0
400
#A159E8
500
#801FE0
600
#6719B3
700
#52148F
800
#400F70
900
#310F52
950
#1F0A33

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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