#B505FA

#B505FA

Color Values

HEX

#B505FA

RGB

181, 5, 250

HSL

283.1, 96.1%, 50.0%

HSV

283.1, 98.0%, 98.0%

CMYK

27.6%, 98.0%, 0.0%, 2.0%

OKLCH

0.5927 0.2962 311.2

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#B505FA

#4AFA05

Analogous

#3A05FA

#FA05C5

#B505FA

Triadic

#B505FA

#FAB505

#05FAB5

Split Complementary

#B505FA

#C5FA05

#05FA3A

Tetradic

#B505FA

#FA3A05

#4AFA05

#05C5FA

Color Blindness Simulation

Original

#B505FA

Protanopia

#6967BF

Deuteranopia

#7380B0

Tritanopia

#AC9086

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DFFC
200
#EAB9FE
300
#DB87FD
400
#C846FB
500
#B505FA
600
#9104C8
700
#7403A0
800
#5B027D
900
#43075A
950
#2A0439

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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