#858DBA

#858DBA

Color Values

HEX

#858DBA

RGB

133, 141, 186

HSL

230.9, 27.7%, 62.5%

HSV

230.9, 28.5%, 72.9%

CMYK

28.5%, 24.2%, 0.0%, 27.1%

OKLCH

0.6536 0.0678 276.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#858DBA

#BAB285

Analogous

#85A7BA

#9785BA

#858DBA

Triadic

#858DBA

#BA858D

#8DBA85

Split Complementary

#858DBA

#BA9785

#A7BA85

Tetradic

#858DBA

#BA85A7

#BAB285

#85BA97

Color Blindness Simulation

Original

#858DBA

Protanopia

#8889AF

Deuteranopia

#8887AC

Tritanopia

#85A7A5

Achromatopsia

#8F8F8F

CSS Usage

background-color: #858DBA;
color: #858DBA;
border-color: #858DBA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D1D4E5
300
#B1B6D3
400
#878EBB
500
#5C67A3
600
#4A5282
700
#3B4268
800
#2E3351
900
#24283D
950
#171926

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