#59AFE8

#59AFE8

Color Values

HEX

#59AFE8

RGB

89, 175, 232

HSL

203.9, 75.7%, 62.9%

HSV

203.9, 61.6%, 91.0%

CMYK

61.6%, 24.6%, 0.0%, 9.0%

OKLCH

0.7239 0.1176 240.2

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#59AFE8

#E89259

Analogous

#59E8D9

#5967E8

#59AFE8

Triadic

#59AFE8

#E859AF

#AFE859

Split Complementary

#59AFE8

#E85967

#E8D959

Tetradic

#59AFE8

#D959E8

#E89259

#67E859

Color Blindness Simulation

Original

#59AFE8

Protanopia

#7E7FDA

Deuteranopia

#7973D7

Tritanopia

#5DCFCD

Achromatopsia

#A1A1A1

CSS Usage

background-color: #59AFE8;
color: #59AFE8;
border-color: #59AFE8;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0E1F6
300
#93CBF0
400
#59AFE8
500
#1F93E0
600
#1976B3
700
#145E8F
800
#0F4A70
900
#0F3751
950
#0A2333

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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