#58AFF7

#58AFF7

Color Values

HEX

#58AFF7

RGB

88, 175, 247

HSL

207.2, 90.9%, 65.7%

HSV

207.2, 64.4%, 96.9%

CMYK

64.4%, 29.1%, 0.0%, 3.1%

OKLCH

0.7307 0.1345 246.1

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#58AFF7

#F7A058

Analogous

#58F7F0

#585FF7

#58AFF7

Triadic

#58AFF7

#F758AF

#AFF758

Split Complementary

#58AFF7

#F7585F

#F7F058

Tetradic

#58AFF7

#F058F7

#F7A058

#5FF758

Color Blindness Simulation

Original

#58AFF7

Protanopia

#7E7EE6

Deuteranopia

#7972E1

Tritanopia

#5CD8D5

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC7F9
400
#4BA9F6
500
#0C8AF3
600
#096FC3
700
#07599C
800
#06457A
900
#093458
950
#062138

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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