#58B6EF

#58B6EF

Color Values

HEX

#58B6EF

RGB

88, 182, 239

HSL

202.6, 82.5%, 64.1%

HSV

202.6, 63.2%, 93.7%

CMYK

63.2%, 23.8%, 0.0%, 6.3%

OKLCH

0.7425 0.1213 238.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#58B6EF

#EF9158

Analogous

#58EFDC

#586BEF

#58B6EF

Triadic

#58B6EF

#EF58B6

#B6EF58

Split Complementary

#58B6EF

#EF586B

#EFDC58

Tetradic

#58B6EF

#DC58EF

#EF9158

#6BEF58

Color Blindness Simulation

Original

#58B6EF

Protanopia

#8182E1

Deuteranopia

#7B74DE

Tritanopia

#5DD6D4

Achromatopsia

#A6A6A6

CSS Usage

background-color: #58B6EF;
color: #58B6EF;
border-color: #58B6EF;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E1F0FA
200
#BEE3F9
300
#8FCEF4
400
#53B4EE
500
#1699E9
600
#127BBA
700
#0E6295
800
#0B4D74
900
#0C3954
950
#082435

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.35:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026