#859AEC

#859AEC

Color Values

HEX

#859AEC

RGB

133, 154, 236

HSL

227.8, 73.0%, 72.4%

HSV

227.8, 43.6%, 92.5%

CMYK

43.6%, 34.7%, 0.0%, 7.5%

OKLCH

0.7038 0.1227 272.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#859AEC

#ECD785

Analogous

#85CEEC

#A485EC

#859AEC

Triadic

#859AEC

#EC859A

#9AEC85

Split Complementary

#859AEC

#ECA485

#CEEC85

Tetradic

#859AEC

#EC85CE

#ECD785

#85ECA4

Color Blindness Simulation

Original

#859AEC

Protanopia

#8E8ED8

Deuteranopia

#8D8BD3

Tritanopia

#86C8C5

Achromatopsia

#9B9B9B

CSS Usage

background-color: #859AEC;
color: #859AEC;
border-color: #859AEC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F5FC
100
#E2E7F8
200
#C1CCF5
300
#95A7EE
400
#5C78E6
500
#2248DD
600
#1C3AB0
700
#162E8D
800
#11246E
900
#111E50
950
#0A1333

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.83:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026