#8B0686

#8B0686

Color Values

HEX

#8B0686

RGB

139, 6, 134

HSL

302.3, 91.7%, 28.4%

HSV

302.3, 95.7%, 54.5%

CMYK

0.0%, 95.7%, 3.6%, 45.5%

OKLCH

0.4456 0.1991 330.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#8B0686

#068B0B

Analogous

#4E068B

#8B0643

#8B0686

Triadic

#8B0686

#868B06

#06868B

Split Complementary

#8B0686

#438B06

#068B4E

Tetradic

#8B0686

#8B4E06

#068B0B

#06438B

Color Blindness Simulation

Original

#8B0686

Protanopia

#515067

Deuteranopia

#596360

Tritanopia

#844F49

Achromatopsia

#2C2C2C

CSS Usage

background-color: #8B0686;
color: #8B0686;
border-color: #8B0686;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#FA8AF6
400
#F74AF1
500
#F40BEB
600
#C408BC
700
#9C0797
800
#7A0576
900
#580855
950
#380536

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

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