#868CF4

#868CF4

Color Values

HEX

#868CF4

RGB

134, 140, 244

HSL

236.7, 83.3%, 74.1%

HSV

236.7, 45.1%, 95.7%

CMYK

45.1%, 42.6%, 0.0%, 4.3%

OKLCH

0.6813 0.1518 279.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#868CF4

#F4EE86

Analogous

#86C3F4

#B786F4

#868CF4

Triadic

#868CF4

#F4868C

#8CF486

Split Complementary

#868CF4

#F4B786

#C3F486

Tetradic

#868CF4

#F486C3

#F4EE86

#86F4B7

Color Blindness Simulation

Original

#868CF4

Protanopia

#8989DB

Deuteranopia

#8888D5

Tritanopia

#86C7C3

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2FA
200
#BEC1F9
300
#8F94F5
400
#525BEF
500
#1521EA
600
#111ABB
700
#0E1596
800
#0B1075
900
#0C1055
950
#080A36

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026