#868FF7

#868FF7

Color Values

HEX

#868FF7

RGB

134, 143, 247

HSL

235.2, 87.6%, 74.7%

HSV

235.2, 45.7%, 96.9%

CMYK

45.7%, 42.1%, 0.0%, 3.1%

OKLCH

0.6887 0.1519 277.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#868FF7

#F7EE86

Analogous

#86C8F7

#B586F7

#868FF7

Triadic

#868FF7

#F7868F

#8FF786

Split Complementary

#868FF7

#F7B586

#C8F786

Tetradic

#868FF7

#F786C8

#F7EE86

#86F7B5

Color Blindness Simulation

Original

#868FF7

Protanopia

#8A8ADE

Deuteranopia

#8989D8

Tritanopia

#86CAC6

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BCC1FB
300
#8C95F7
400
#4E5BF3
500
#1022EF
600
#0D1BBF
700
#0A1699
800
#081178
900
#0A1057
950
#060A37

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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