#58CCE9

#58CCE9

Color Values

HEX

#58CCE9

RGB

88, 204, 233

HSL

192.0, 76.7%, 62.9%

HSV

192.0, 62.2%, 91.4%

CMYK

62.2%, 12.4%, 0.0%, 8.6%

OKLCH

0.7901 0.1112 217.0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#58CCE9

#E97558

Analogous

#58E9BD

#5883E9

#58CCE9

Triadic

#58CCE9

#E958CC

#CCE958

Split Complementary

#58CCE9

#E95883

#E9BD58

Tetradic

#58CCE9

#BD58E9

#E97558

#83E958

Color Blindness Simulation

Original

#58CCE9

Protanopia

#8A8BE2

Deuteranopia

#847BE0

Tritanopia

#5EDCDB

Achromatopsia

#B5B5B5

CSS Usage

background-color: #58CCE9;
color: #58CCE9;
border-color: #58CCE9;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FAFC
100
#E2F4F9
200
#C0ECF7
300
#93DEF1
400
#58CCE9
500
#1EBAE1
600
#1895B4
700
#137790
800
#0F5D71
900
#0F4552
950
#092B34

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.23:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026