#868BFC

#868BFC

Color Values

HEX

#868BFC

RGB

134, 139, 252

HSL

237.5, 95.2%, 75.7%

HSV

237.5, 46.8%, 98.8%

CMYK

46.8%, 44.8%, 0.0%, 1.2%

OKLCH

0.684 0.1641 279.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#868BFC

#FCF786

Analogous

#86C6FC

#BC86FC

#868BFC

Triadic

#868BFC

#FC868B

#8BFC86

Split Complementary

#868BFC

#FCBC86

#C6FC86

Tetradic

#868BFC

#FC86C6

#FCF786

#86FCBC

Color Blindness Simulation

Original

#868BFC

Protanopia

#8888E1

Deuteranopia

#8888DA

Tritanopia

#86CBC6

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BCFD
300
#888CFC
400
#474EFA
500
#0610F9
600
#050DC7
700
#040A9F
800
#03087C
900
#070A5A
950
#040739

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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