#868DCE

#868DCE

Color Values

HEX

#868DCE

RGB

134, 141, 206

HSL

234.2, 42.4%, 66.7%

HSV

234.2, 35.0%, 80.8%

CMYK

35.0%, 31.6%, 0.0%, 19.2%

OKLCH

0.6635 0.0967 278.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#868DCE

#CEC786

Analogous

#86B1CE

#A386CE

#868DCE

Triadic

#868DCE

#CE868D

#8DCE86

Split Complementary

#868DCE

#CEA386

#B1CE86

Tetradic

#868DCE

#CE86B1

#CEC786

#86CEA3

Color Blindness Simulation

Original

#868DCE

Protanopia

#8989BE

Deuteranopia

#8988BA

Tritanopia

#86B2AF

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCFEA
300
#A8ADDC
400
#7980C9
500
#4954B6
600
#3B4391
700
#2F3674
800
#252A5B
900
#1E2243
950
#13152A

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.71:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026