#B680E2

#B680E2

Color Values

HEX

#B680E2

RGB

182, 128, 226

HSL

273.1, 62.8%, 69.4%

HSV

273.1, 43.4%, 88.6%

CMYK

19.5%, 43.4%, 0.0%, 11.4%

OKLCH

0.6918 0.1492 308.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B680E2

#ACE280

Analogous

#8580E2

#E280DD

#B680E2

Triadic

#B680E2

#E2B680

#80E2B6

Split Complementary

#B680E2

#DDE280

#80E285

Tetradic

#B680E2

#E28580

#ACE280

#80DDE2

Color Blindness Simulation

Original

#B680E2

Protanopia

#9F9ECA

Deuteranopia

#A2A6C5

Tritanopia

#B3B8B3

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE8
400
#A765DC
500
#882FD0
600
#6D26A6
700
#571E85
800
#441868
900
#33154C
950
#200D30

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.17:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026