#B57EC4

#B57EC4

Color Values

HEX

#B57EC4

RGB

181, 126, 196

HSL

287.1, 37.2%, 63.1%

HSV

287.1, 35.7%, 76.9%

CMYK

7.7%, 35.7%, 0.0%, 23.1%

OKLCH

0.6732 0.1171 318.9

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B57EC4

#8DC47E

Analogous

#927EC4

#C47EB0

#B57EC4

Triadic

#B57EC4

#C4B57E

#7EC4B5

Split Complementary

#B57EC4

#B0C47E

#7EC492

Tetradic

#B57EC4

#C4927E

#8DC47E

#7EB0C4

Color Blindness Simulation

Original

#B57EC4

Protanopia

#9D9DB3

Deuteranopia

#A0A4AF

Tritanopia

#B2A6A3

Achromatopsia

#8F8F8F

CSS Usage

background-color: #B57EC4;
color: #B57EC4;
border-color: #B57EC4;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5FA
100
#F0E8F3
200
#E3CEE9
300
#CFABD9
400
#B57EC4
500
#9B50AF
600
#7C408C
700
#633370
800
#4D2857
900
#3A2041
950
#241429

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

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