#8683DC

#8683DC

Color Values

HEX

#8683DC

RGB

134, 131, 220

HSL

242.0, 56.0%, 68.8%

HSV

242.0, 40.5%, 86.3%

CMYK

39.1%, 40.5%, 0.0%, 13.7%

OKLCH

0.6508 0.1308 283.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8683DC

#D9DC83

Analogous

#83ACDC

#B283DC

#8683DC

Triadic

#8683DC

#DC8683

#83DC86

Split Complementary

#8683DC

#DCB283

#ACDC83

Tetradic

#8683DC

#DC83AC

#D9DC83

#83DCB2

Color Blindness Simulation

Original

#8683DC

Protanopia

#8585C6

Deuteranopia

#8585C1

Tritanopia

#86B5B2

Achromatopsia

#8A8A8A

CSS Usage

background-color: #8683DC;
color: #8683DC;
border-color: #8683DC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C9C7EF
300
#A2A0E4
400
#6F6CD5
500
#3D38C7
600
#312D9F
700
#27247F
800
#1E1C63
900
#1A1849
950
#100F2E

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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