#8680D3

#8680D3

Color Values

HEX

#8680D3

RGB

134, 128, 211

HSL

244.3, 48.5%, 66.5%

HSV

244.3, 39.3%, 82.7%

CMYK

36.5%, 39.3%, 0.0%, 17.3%

OKLCH

0.6402 0.1225 285.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8680D3

#CDD380

Analogous

#80A4D3

#B080D3

#8680D3

Triadic

#8680D3

#D38680

#80D386

Split Complementary

#8680D3

#D3B080

#A4D380

Tetradic

#8680D3

#D380A4

#CDD380

#80D3B0

Color Blindness Simulation

Original

#8680D3

Protanopia

#8383BF

Deuteranopia

#8484BA

Tritanopia

#86AFAC

Achromatopsia

#878787

CSS Usage

background-color: #8680D3;
color: #8680D3;
border-color: #8680D3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CCCAED
300
#A8A4DF
400
#7973CE
500
#4B42BD
600
#3C3597
700
#302A79
800
#25215F
900
#1E1B46
950
#13112C

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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