#B283F2

#B283F2

Color Values

HEX

#B283F2

RGB

178, 131, 242

HSL

265.4, 81.0%, 73.1%

HSV

265.4, 45.9%, 94.9%

CMYK

26.4%, 45.9%, 0.0%, 5.1%

OKLCH

0.7011 0.1628 301.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B283F2

#C3F283

Analogous

#838BF2

#E983F2

#B283F2

Triadic

#B283F2

#F2B283

#83F2B2

Split Complementary

#B283F2

#F2E983

#8BF283

Tetradic

#B283F2

#F2838B

#C3F283

#83F2E9

Color Blindness Simulation

Original

#B283F2

Protanopia

#9E9DD7

Deuteranopia

#A0A4D1

Tritanopia

#B0C2BD

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EBE1F9
200
#D7BEF8
300
#BA90F3
400
#9554ED
500
#7018E7
600
#5913B9
700
#471094
800
#380C73
900
#2B0D54
950
#1B0835

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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