#868DCF

#868DCF

Color Values

HEX

#868DCF

RGB

134, 141, 207

HSL

234.2, 43.2%, 66.9%

HSV

234.2, 35.3%, 81.2%

CMYK

35.3%, 31.9%, 0.0%, 18.8%

OKLCH

0.6639 0.0982 278.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#868DCF

#CFC886

Analogous

#86B2CF

#A486CF

#868DCF

Triadic

#868DCF

#CF868D

#8DCF86

Split Complementary

#868DCF

#CFA486

#B2CF86

Tetradic

#868DCF

#CF86B2

#CFC886

#86CFA4

Color Blindness Simulation

Original

#868DCF

Protanopia

#8989BF

Deuteranopia

#8988BB

Tritanopia

#86B2B0

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCFEB
300
#A7ACDC
400
#7880C9
500
#4853B7
600
#3A4292
700
#2E3575
800
#242A5B
900
#1E2143
950
#13152A

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026