#868FCB

#868FCB

Color Values

HEX

#868FCB

RGB

134, 143, 203

HSL

232.2, 39.9%, 66.1%

HSV

232.2, 34.0%, 79.6%

CMYK

34.0%, 29.6%, 0.0%, 20.4%

OKLCH

0.6661 0.0897 277.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#868FCB

#CBC286

Analogous

#86B2CB

#A086CB

#868FCB

Triadic

#868FCB

#CB868F

#8FCB86

Split Complementary

#868FCB

#CBA086

#B2CB86

Tetradic

#868FCB

#CB86B2

#CBC286

#86CBA0

Color Blindness Simulation

Original

#868FCB

Protanopia

#8A8ABC

Deuteranopia

#8989B9

Tritanopia

#86B1AE

Achromatopsia

#919191

CSS Usage

background-color: #868FCB;
color: #868FCB;
border-color: #868FCB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CDD1EA
300
#A9B0DA
400
#7B85C6
500
#4D5AB2
600
#3D488F
700
#313A72
800
#262D59
900
#1F2442
950
#14162A

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.81:1

AA Pass AAA Fail

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