#859AC3

#859AC3

Color Values

HEX

#859AC3

RGB

133, 154, 195

HSL

219.7, 34.1%, 64.3%

HSV

219.7, 31.8%, 76.5%

CMYK

31.8%, 21.0%, 0.0%, 23.5%

OKLCH

0.6849 0.0654 263.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#859AC3

#C3AE85

Analogous

#85B9C3

#8F85C3

#859AC3

Triadic

#859AC3

#C3859A

#9AC385

Split Complementary

#859AC3

#C38F85

#B9C385

Tetradic

#859AC3

#C385B9

#C3AE85

#85C38F

Color Blindness Simulation

Original

#859AC3

Protanopia

#8E8EB9

Deuteranopia

#8D8BB7

Tritanopia

#86B1B0

Achromatopsia

#989898

CSS Usage

background-color: #859AC3;
color: #859AC3;
border-color: #859AC3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBBD7
400
#8096C1
500
#5471AB
600
#435B89
700
#36496D
800
#2A3955
900
#222C3F
950
#151C28

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.41:1

AA Pass AAA Pass

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