#8C86DA

#8C86DA

Color Values

HEX

#8C86DA

RGB

140, 134, 218

HSL

244.3, 53.2%, 69.0%

HSV

244.3, 38.5%, 85.5%

CMYK

35.8%, 38.5%, 0.0%, 14.5%

OKLCH

0.6603 0.1231 285.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8C86DA

#D4DA86

Analogous

#86AADA

#B686DA

#8C86DA

Triadic

#8C86DA

#DA8C86

#86DA8C

Split Complementary

#8C86DA

#DAB686

#AADA86

Tetradic

#8C86DA

#DA86AA

#D4DA86

#86DAB6

Color Blindness Simulation

Original

#8C86DA

Protanopia

#8989C6

Deuteranopia

#8A8AC1

Tritanopia

#8CB6B2

Achromatopsia

#8D8D8D

CSS Usage

background-color: #8C86DA;
color: #8C86DA;
border-color: #8C86DA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC8EE
300
#A6A1E2
400
#766ED3
500
#453CC3
600
#38309C
700
#2C267D
800
#231E62
900
#1D1948
950
#12102D

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026