#B053EC

#B053EC

Color Values

HEX

#B053EC

RGB

176, 83, 236

HSL

276.5, 80.1%, 62.5%

HSV

276.5, 64.8%, 92.5%

CMYK

25.4%, 64.8%, 0.0%, 7.5%

OKLCH

0.6262 0.2259 309.3

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#B053EC

#8FEC53

Analogous

#6353EC

#EC53DB

#B053EC

Triadic

#B053EC

#ECB053

#53ECB0

Split Complementary

#B053EC

#DBEC53

#53EC63

Tetradic

#B053EC

#EC6353

#8FEC53

#53DBEC

Color Blindness Simulation

Original

#B053EC

Protanopia

#8887C7

Deuteranopia

#8D94BE

Tritanopia

#ABAAA3

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1F9
200
#E1BFF8
300
#CC91F3
400
#B155EC
500
#9619E6
600
#7814B8
700
#601093
800
#4B0D73
900
#380E53
950
#230935

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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