#858BCF

#858BCF

Color Values

HEX

#858BCF

RGB

133, 139, 207

HSL

235.1, 43.5%, 66.7%

HSV

235.1, 35.7%, 81.2%

CMYK

35.7%, 32.9%, 0.0%, 18.8%

OKLCH

0.6591 0.1011 279.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#858BCF

#CFC985

Analogous

#85B0CF

#A485CF

#858BCF

Triadic

#858BCF

#CF858B

#8BCF85

Split Complementary

#858BCF

#CFA485

#B0CF85

Tetradic

#858BCF

#CF85B0

#CFC985

#85CFA4

Color Blindness Simulation

Original

#858BCF

Protanopia

#8888BF

Deuteranopia

#8787BB

Tritanopia

#85B2AF

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCEEB
300
#A7ACDC
400
#787ECA
500
#4851B7
600
#3A4192
700
#2E3475
800
#24295B
900
#1D2143
950
#13152B

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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