#58AEF7

#58AEF7

Color Values

HEX

#58AEF7

RGB

88, 174, 247

HSL

207.5, 90.9%, 65.7%

HSV

207.5, 64.4%, 96.9%

CMYK

64.4%, 29.6%, 0.0%, 3.1%

OKLCH

0.7285 0.1353 246.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#58AEF7

#F7A158

Analogous

#58F7F0

#585FF7

#58AEF7

Triadic

#58AEF7

#F758AE

#AEF758

Split Complementary

#58AEF7

#F7585F

#F7F058

Tetradic

#58AEF7

#F058F7

#F7A158

#5FF758

Color Blindness Simulation

Original

#58AEF7

Protanopia

#7D7EE5

Deuteranopia

#7872E1

Tritanopia

#5CD7D4

Achromatopsia

#A1A1A1

CSS Usage

background-color: #58AEF7;
color: #58AEF7;
border-color: #58AEF7;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC6F9
400
#4BA8F6
500
#0C89F3
600
#096EC3
700
#07589C
800
#06457A
900
#093458
950
#062138

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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