#868CF0

#868CF0

Color Values

HEX

#868CF0

RGB

134, 140, 240

HSL

236.6, 77.9%, 73.3%

HSV

236.6, 44.2%, 94.1%

CMYK

44.2%, 41.7%, 0.0%, 5.9%

OKLCH

0.6791 0.1463 279.1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#868CF0

#F0EA86

Analogous

#86C1F0

#B586F0

#868CF0

Triadic

#868CF0

#F0868C

#8CF086

Split Complementary

#868CF0

#F0B586

#C1F086

Tetradic

#868CF0

#F086C1

#F0EA86

#86F0B5

Color Blindness Simulation

Original

#868CF0

Protanopia

#8989D8

Deuteranopia

#8888D2

Tritanopia

#86C5C0

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#BFC3F7
300
#9298F1
400
#575FEA
500
#1C27E3
600
#1720B5
700
#121991
800
#0E1471
900
#0E1252
950
#090C34

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.02:1

AA Pass AAA Pass

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