#B776F1

#B776F1

Color Values

HEX

#B776F1

RGB

183, 118, 241

HSL

271.7, 81.5%, 70.4%

HSV

271.7, 51.0%, 94.5%

CMYK

24.1%, 51.0%, 0.0%, 5.5%

OKLCH

0.6848 0.1831 306.6

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B776F1

#B0F176

Analogous

#7976F1

#F176EE

#B776F1

Triadic

#B776F1

#F1B776

#76F1B7

Split Complementary

#B776F1

#EEF176

#76F179

Tetradic

#B776F1

#F17976

#B0F176

#76EEF1

Color Blindness Simulation

Original

#B776F1

Protanopia

#9B9AD3

Deuteranopia

#9FA4CC

Tritanopia

#B4BCB7

Achromatopsia

#8D8D8D

CSS Usage

background-color: #B776F1;
color: #B776F1;
border-color: #B776F1;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF8
300
#C590F4
400
#A554EE
500
#8518E7
600
#6B13B9
700
#550F94
800
#430C74
900
#320D54
950
#200835

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88:1

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