#B058FD

#B058FD

Color Values

HEX

#B058FD

RGB

176, 88, 253

HSL

272.0, 97.6%, 66.9%

HSV

272.0, 65.2%, 99.2%

CMYK

30.4%, 65.2%, 0.0%, 0.8%

OKLCH

0.6435 0.2367 305.1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B058FD

#A5FD58

Analogous

#5E58FD

#FD58F7

#B058FD

Triadic

#B058FD

#FDB058

#58FDB0

Split Complementary

#B058FD

#F7FD58

#58FD5E

Tetradic

#B058FD

#FD5E58

#A5FD58

#58F7FD

Color Blindness Simulation

Original

#B058FD

Protanopia

#8A89D5

Deuteranopia

#8F96CC

Tritanopia

#ACB6AF

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DEB8FE
300
#C686FE
400
#A745FD
500
#8803FC
600
#6D02CA
700
#5702A1
800
#44027E
900
#33065B
950
#200439

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

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