#B590F7

#B590F7

Color Values

HEX

#B590F7

RGB

181, 144, 247

HSL

261.6, 86.6%, 76.7%

HSV

261.6, 41.7%, 96.9%

CMYK

26.7%, 41.7%, 0.0%, 3.1%

OKLCH

0.7285 0.1492 299.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B590F7

#D2F790

Analogous

#909FF7

#E990F7

#B590F7

Triadic

#B590F7

#F7B590

#90F7B5

Split Complementary

#B590F7

#F7E990

#9FF790

Tetradic

#B590F7

#F7909F

#D2F790

#90F7E9

Color Blindness Simulation

Original

#B590F7

Protanopia

#A5A5DE

Deuteranopia

#A7AAD8

Tritanopia

#B3CAC6

Achromatopsia

#9F9F9F

CSS Usage

background-color: #B590F7;
color: #B590F7;
border-color: #B590F7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D3BCFA
300
#B38DF7
400
#8A4FF2
500
#6111EE
600
#4D0EBE
700
#3E0B98
800
#300977
900
#260B56
950
#180736

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.3:1

AA Pass AAA Pass

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