#8682CC

#8682CC

Color Values

HEX

#8682CC

RGB

134, 130, 204

HSL

243.2, 42.0%, 65.5%

HSV

243.2, 36.3%, 80.0%

CMYK

34.3%, 36.3%, 0.0%, 20.0%

OKLCH

0.6405 0.1096 285.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8682CC

#C8CC82

Analogous

#82A3CC

#AB82CC

#8682CC

Triadic

#8682CC

#CC8682

#82CC86

Split Complementary

#8682CC

#CCAB82

#A3CC82

Tetradic

#8682CC

#CC82A3

#C8CC82

#82CCAB

Color Blindness Simulation

Original

#8682CC

Protanopia

#8484BA

Deuteranopia

#8485B6

Tritanopia

#86ACA9

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CECCEA
300
#ABA8DC
400
#7D79C8
500
#504AB5
600
#403B91
700
#332F74
800
#28255B
900
#201E43
950
#14132A

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.08: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