#858BC7

#858BC7

Color Values

HEX

#858BC7

RGB

133, 139, 199

HSL

234.5, 37.1%, 65.1%

HSV

234.5, 33.2%, 78.0%

CMYK

33.2%, 30.2%, 0.0%, 22.0%

OKLCH

0.6553 0.0895 279.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#858BC7

#C7C185

Analogous

#85ACC7

#A085C7

#858BC7

Triadic

#858BC7

#C7858B

#8BC785

Split Complementary

#858BC7

#C7A085

#ACC785

Tetradic

#858BC7

#C785AC

#C7C185

#85C7A0

Color Blindness Simulation

Original

#858BC7

Protanopia

#8888B8

Deuteranopia

#8787B5

Tritanopia

#85ADAA

Achromatopsia

#8E8E8E

CSS Usage

background-color: #858BC7;
color: #858BC7;
border-color: #858BC7;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E9F3
200
#CED0E9
300
#ABAFD9
400
#7E84C4
500
#5059AF
600
#40478C
700
#333970
800
#282C57
900
#202341
950
#141629

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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