#B45EE4

#B45EE4

Color Values

HEX

#B45EE4

RGB

180, 94, 228

HSL

278.5, 71.3%, 63.1%

HSV

278.5, 58.8%, 89.4%

CMYK

21.1%, 58.8%, 0.0%, 10.6%

OKLCH

0.6397 0.2039 311.6

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B45EE4

#8EE45E

Analogous

#715EE4

#E45ED1

#B45EE4

Triadic

#B45EE4

#E4B45E

#5EE4B4

Split Complementary

#B45EE4

#D1E45E

#5EE471

Tetradic

#B45EE4

#E4715E

#8EE45E

#5ED1E4

Color Blindness Simulation

Original

#B45EE4

Protanopia

#8F8EC4

Deuteranopia

#949ABC

Tritanopia

#B0AAA4

Achromatopsia

#7A7A7A

CSS Usage

background-color: #B45EE4;
color: #B45EE4;
border-color: #B45EE4;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F3FC
100
#F0E2F8
200
#E3C2F5
300
#CE96ED
400
#B45DE4
500
#9925DA
600
#7B1DAF
700
#62178C
800
#4D126D
900
#391150
950
#240B32

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass 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