#8677F8

#8677F8

Color Values

HEX

#8677F8

RGB

134, 119, 248

HSL

247.0, 90.2%, 72.0%

HSV

247.0, 52.0%, 97.3%

CMYK

46.0%, 52.0%, 0.0%, 2.7%

OKLCH

0.6455 0.1857 285.2

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8677F8

#E9F877

Analogous

#77A9F8

#C777F8

#8677F8

Triadic

#8677F8

#F88677

#77F886

Split Complementary

#8677F8

#F8C777

#A9F877

Tetradic

#8677F8

#F877A9

#E9F877

#77F8C7

Color Blindness Simulation

Original

#8677F8

Protanopia

#807FD9

Deuteranopia

#8082D1

Tritanopia

#85C0BB

Achromatopsia

#848484

CSS Usage

background-color: #8677F8;
color: #8677F8;
border-color: #8677F8;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C3BBFC
300
#978BF9
400
#5F4CF6
500
#270CF3
600
#1F0AC2
700
#19089B
800
#140679
900
#120958
950
#0C0637

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.01:1

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