#58AAEB

#58AAEB

Color Values

HEX

#58AAEB

RGB

88, 170, 235

HSL

206.5, 78.6%, 63.3%

HSV

206.5, 62.6%, 92.2%

CMYK

62.6%, 27.7%, 0.0%, 7.8%

OKLCH

0.7137 0.1246 244.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#58AAEB

#EB9958

Analogous

#58EBE2

#5860EB

#58AAEB

Triadic

#58AAEB

#EB58AA

#AAEB58

Split Complementary

#58AAEB

#EB5860

#EBE258

Tetradic

#58AAEB

#E258EB

#EB9958

#60EB58

Color Blindness Simulation

Original

#58AAEB

Protanopia

#7C7CDB

Deuteranopia

#7771D8

Tritanopia

#5CCFCC

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#BFDFF7
300
#92C7F2
400
#56A9EB
500
#1B8BE4
600
#166FB6
700
#115992
800
#0E4672
900
#0E3453
950
#092134

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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