#8186EC

#8186EC

Color Values

HEX

#8186EC

RGB

129, 134, 236

HSL

237.2, 73.8%, 71.6%

HSV

237.2, 45.3%, 92.5%

CMYK

45.3%, 43.2%, 0.0%, 7.5%

OKLCH

0.6617 0.1498 279.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8186EC

#ECE781

Analogous

#81BCEC

#B281EC

#8186EC

Triadic

#8186EC

#EC8186

#86EC81

Split Complementary

#8186EC

#ECB281

#BCEC81

Tetradic

#8186EC

#EC81BC

#ECE781

#81ECB2

Color Blindness Simulation

Original

#8186EC

Protanopia

#8383D3

Deuteranopia

#8382CD

Tritanopia

#81C0BC

Achromatopsia

#8C8C8C

CSS Usage

background-color: #8186EC;
color: #8186EC;
border-color: #8186EC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C1C3F6
300
#9599EF
400
#5B62E6
500
#212ADE
600
#1B22B1
700
#151B8E
800
#11156F
900
#101351
950
#0A0C33

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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