#58B1FD

#58B1FD

Color Values

HEX

#58B1FD

RGB

88, 177, 253

HSL

207.6, 97.6%, 66.9%

HSV

207.6, 65.2%, 99.2%

CMYK

65.2%, 30.0%, 0.0%, 0.8%

OKLCH

0.7381 0.1398 246.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#58B1FD

#FDA458

Analogous

#58FDF6

#585FFD

#58B1FD

Triadic

#58B1FD

#FD58B1

#B1FD58

Split Complementary

#58B1FD

#FD585F

#FDF658

Tetradic

#58B1FD

#F658FD

#FDA458

#5FFD58

Color Blindness Simulation

Original

#58B1FD

Protanopia

#7F7FEB

Deuteranopia

#7973E6

Tritanopia

#5CDCD9

Achromatopsia

#A4A4A4

CSS Usage

background-color: #58B1FD;
color: #58B1FD;
border-color: #58B1FD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DEFE
300
#86C7FE
400
#45A8FD
500
#0389FC
600
#026ECA
700
#0258A1
800
#02457E
900
#06345B
950
#042139

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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