#59BFE8

#59BFE8

Color Values

HEX

#59BFE8

RGB

89, 191, 232

HSL

197.2, 75.7%, 62.9%

HSV

197.2, 61.6%, 91.0%

CMYK

61.6%, 17.7%, 0.0%, 9.0%

OKLCH

0.7602 0.111 227.4

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#59BFE8

#E88259

Analogous

#59E8C9

#5977E8

#59BFE8

Triadic

#59BFE8

#E859BF

#BFE859

Split Complementary

#59BFE8

#E85977

#E8C959

Tetradic

#59BFE8

#C959E8

#E88259

#77E859

Color Blindness Simulation

Original

#59BFE8

Protanopia

#8586DE

Deuteranopia

#7F78DC

Tritanopia

#5ED6D5

Achromatopsia

#ACACAC

CSS Usage

background-color: #59BFE8;
color: #59BFE8;
border-color: #59BFE8;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2F9FC
100
#E2F2F9
200
#C0E7F6
300
#93D6F0
400
#59BFE8
500
#1FA9E0
600
#1987B3
700
#146C8F
800
#0F5470
900
#0F3F51
950
#0A2733

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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