#59AAEC

#59AAEC

Color Values

HEX

#59AAEC

RGB

89, 170, 236

HSL

206.9, 79.5%, 63.7%

HSV

206.9, 62.3%, 92.5%

CMYK

62.3%, 28.0%, 0.0%, 7.5%

OKLCH

0.7146 0.1253 245.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#59AAEC

#EC9B59

Analogous

#59ECE4

#5960EC

#59AAEC

Triadic

#59AAEC

#EC59AA

#AAEC59

Split Complementary

#59AAEC

#EC5960

#ECE459

Tetradic

#59AAEC

#E459EC

#EC9B59

#60EC59

Color Blindness Simulation

Original

#59AAEC

Protanopia

#7C7DDC

Deuteranopia

#7771D8

Tritanopia

#5DCFCD

Achromatopsia

#9E9E9E

CSS Usage

background-color: #59AAEC;
color: #59AAEC;
border-color: #59AAEC;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDEF8
300
#91C7F2
400
#56A8EC
500
#1A8AE5
600
#156EB7
700
#115892
800
#0D4572
900
#0E3453
950
#092134

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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