#B531CE

#B531CE

Color Values

HEX

#B531CE

RGB

181, 49, 206

HSL

290.4, 61.6%, 50.0%

HSV

290.4, 76.2%, 80.8%

CMYK

12.1%, 76.2%, 0.0%, 19.2%

OKLCH

0.5798 0.2396 320.6

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#B531CE

#4ACE31

Analogous

#6631CE

#CE3199

#B531CE

Triadic

#B531CE

#CEB531

#31CEB5

Split Complementary

#B531CE

#99CE31

#31CE66

Tetradic

#B531CE

#CE6631

#4ACE31

#3199CE

Color Blindness Simulation

Original

#B531CE

Protanopia

#7C7BA8

Deuteranopia

#848D9F

Tritanopia

#AE8A83

Achromatopsia

#585858

CSS Usage

background-color: #B531CE;
color: #B531CE;
border-color: #B531CE;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FB
100
#F4E4F6
200
#EAC5F1
300
#DB9CE7
400
#C867DB
500
#B531CE
600
#9127A5
700
#741F84
800
#5A1867
900
#43164B
950
#2A0E30

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

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