#859DCE

#859DCE

Color Values

HEX

#859DCE

RGB

133, 157, 206

HSL

220.3, 42.7%, 66.5%

HSV

220.3, 35.4%, 80.8%

CMYK

35.4%, 23.8%, 0.0%, 19.2%

OKLCH

0.696 0.0774 264.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#859DCE

#CEB685

Analogous

#85C2CE

#9285CE

#859DCE

Triadic

#859DCE

#CE859D

#9DCE85

Split Complementary

#859DCE

#CE9285

#C2CE85

Tetradic

#859DCE

#CE85C2

#CEB685

#85CE92

Color Blindness Simulation

Original

#859DCE

Protanopia

#8F90C2

Deuteranopia

#8E8CBF

Tritanopia

#86B9B7

Achromatopsia

#9B9B9B

CSS Usage

background-color: #859DCE;
color: #859DCE;
border-color: #859DCE;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EB
300
#A8B9DC
400
#7893C9
500
#496DB6
600
#3A5792
700
#2F4674
800
#25365B
900
#1E2A43
950
#131B2A

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026