#B405FA

#B405FA

Color Values

HEX

#B405FA

RGB

180, 5, 250

HSL

282.9, 96.1%, 50.0%

HSV

282.9, 98.0%, 98.0%

CMYK

28.0%, 98.0%, 0.0%, 2.0%

OKLCH

0.5914 0.296 310.9

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#B405FA

#4BFA05

Analogous

#3A05FA

#FA05C5

#B405FA

Triadic

#B405FA

#FAB405

#05FAB4

Split Complementary

#B405FA

#C5FA05

#05FA3A

Tetradic

#B405FA

#FA3A05

#4BFA05

#05C5FA

Color Blindness Simulation

Original

#B405FA

Protanopia

#6867BF

Deuteranopia

#727FB0

Tritanopia

#AB9086

Achromatopsia

#3C3C3C

CSS Usage

background-color: #B405FA;
color: #B405FA;
border-color: #B405FA;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF1FE
100
#F3DFFC
200
#EAB9FE
300
#DB87FD
400
#C846FB
500
#B405FA
600
#9004C8
700
#7303A0
800
#5A027D
900
#42075A
950
#2A0439

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

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