#868CE5

#868CE5

Color Values

HEX

#868CE5

RGB

134, 140, 229

HSL

236.2, 64.6%, 71.2%

HSV

236.2, 41.5%, 89.8%

CMYK

41.5%, 38.9%, 0.0%, 10.2%

OKLCH

0.6731 0.1309 279.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#868CE5

#E5DF86

Analogous

#86BCE5

#B086E5

#868CE5

Triadic

#868CE5

#E5868C

#8CE586

Split Complementary

#868CE5

#E5B086

#BCE586

Tetradic

#868CE5

#E586BC

#E5DF86

#86E5B0

Color Blindness Simulation

Original

#868CE5

Protanopia

#8989CF

Deuteranopia

#8888CA

Tritanopia

#86BEBB

Achromatopsia

#919191

CSS Usage

background-color: #868CE5;
color: #868CE5;
border-color: #868CE5;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C7F2
300
#9A9FE9
400
#646BDE
500
#2D38D2
600
#242CA8
700
#1D2486
800
#171C69
900
#14184D
950
#0D0F30

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.9:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026