#8682C2

#8682C2

Color Values

HEX

#8682C2

RGB

134, 130, 194

HSL

243.8, 34.4%, 63.5%

HSV

243.8, 33.0%, 76.1%

CMYK

30.9%, 33.0%, 0.0%, 23.9%

OKLCH

0.6356 0.0951 286.2

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8682C2

#BEC282

Analogous

#829EC2

#A682C2

#8682C2

Triadic

#8682C2

#C28682

#82C286

Split Complementary

#8682C2

#C2A682

#9EC282

Tetradic

#8682C2

#C2829E

#BEC282

#82C2A6

Color Blindness Simulation

Original

#8682C2

Protanopia

#8484B3

Deuteranopia

#8485AF

Tritanopia

#86A6A4

Achromatopsia

#878787

CSS Usage

background-color: #8682C2;
color: #8682C2;
border-color: #8682C2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E9E8F2
200
#D1CFE8
300
#AFADD7
400
#8480C1
500
#5954AB
600
#474389
700
#39366E
800
#2D2A56
900
#23213F
950
#161528

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026