#8677B2

#8677B2

Color Values

HEX

#8677B2

RGB

134, 119, 178

HSL

255.3, 27.7%, 58.2%

HSV

255.3, 33.1%, 69.8%

CMYK

24.7%, 33.1%, 0.0%, 30.2%

OKLCH

0.6061 0.0894 295.3

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8677B2

#A3B277

Analogous

#7785B2

#A377B2

#8677B2

Triadic

#8677B2

#B28677

#77B286

Split Complementary

#8677B2

#B2A377

#85B277

Tetradic

#8677B2

#B27785

#A3B277

#77B2A3

Color Blindness Simulation

Original

#8677B2

Protanopia

#807FA4

Deuteranopia

#8082A0

Tritanopia

#859896

Achromatopsia

#7E7E7E

CSS Usage

background-color: #8677B2;
color: #8677B2;
border-color: #8677B2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F6F9
100
#EBE9F1
200
#D6D1E5
300
#B9B1D3
400
#9487BB
500
#6E5CA3
600
#584A82
700
#473B68
800
#372E51
900
#2B243D
950
#1B1726

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026