#868FF2

#868FF2

Color Values

HEX

#868FF2

RGB

134, 143, 242

HSL

235.0, 80.6%, 73.7%

HSV

235.0, 44.6%, 94.9%

CMYK

44.6%, 40.9%, 0.0%, 5.1%

OKLCH

0.686 0.145 277.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#868FF2

#F2E986

Analogous

#86C5F2

#B386F2

#868FF2

Triadic

#868FF2

#F2868F

#8FF286

Split Complementary

#868FF2

#F2B386

#C5F286

Tetradic

#868FF2

#F286C5

#F2E986

#86F2B3

Color Blindness Simulation

Original

#868FF2

Protanopia

#8A8ADA

Deuteranopia

#8989D4

Tritanopia

#86C7C3

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E3F9
200
#BFC3F8
300
#9099F3
400
#5561ED
500
#192AE6
600
#1421B8
700
#101B93
800
#0C1573
900
#0D1354
950
#080C35

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

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