#B76FE5

#B76FE5

Color Values

HEX

#B76FE5

RGB

183, 111, 229

HSL

276.6, 69.4%, 66.7%

HSV

276.6, 51.5%, 89.8%

CMYK

20.1%, 51.5%, 0.0%, 10.2%

OKLCH

0.6676 0.1804 310.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B76FE5

#9DE56F

Analogous

#7C6FE5

#E56FD8

#B76FE5

Triadic

#B76FE5

#E5B76F

#6FE5B7

Split Complementary

#B76FE5

#D8E56F

#6FE57C

Tetradic

#B76FE5

#E57C6F

#9DE56F

#6FD8E5

Color Blindness Simulation

Original

#B76FE5

Protanopia

#9897C8

Deuteranopia

#9CA1C2

Tritanopia

#B3B2AD

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#E1C3F4
300
#CB97EC
400
#AF5FE2
500
#9327D8
600
#761FAD
700
#5E198A
800
#49146C
900
#37124F
950
#230B32

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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