Skip to main content
ToolsHub
#58A2B6

#58A2B6 Color — #58A2B6

Complete color reference for #58A2B6: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#58A2B6
RGBrgb(88, 162, 182)
HSLhsl(193, 39%, 53%)
HSVhsv(193, 52%, 71%)
CMYKC:52% M:11% Y:0% K:29%
CSS Color#58A2B6
Decimal5808822
Luminance0.3129

WCAG Accessibility Contrast

#58A2B6 on White
Ratio: 2.89:1 — Fail
#58A2B6 on Black
Ratio: 7.26:1 — AAA
White on #58A2B6
Ratio: 2.89:1 — Fail
Black on #58A2B6
Ratio: 7.26:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F7FAFB
100#E6F1F4
200#CDE3E9
300#B4D5DE
400#92C3D0
500#58A2B6
600#468292
700#35616D
800#234149
900#16292E

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #58A2B6?

The RGB equivalent is rgb(88, 162, 182). The red channel is 88, green is 162, and blue is 182 (scale 0–255).

What is the HSL value of #58A2B6?

The HSL value is hsl(193, 39%, 53%). Hue is 193°, saturation is 39%, and lightness is 53%.

Does #58A2B6 meet WCAG accessibility standards?

On a white background, #58A2B6 achieves a 2.89:1 contrast ratio (Fail). On a black background it achieves 7.26:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #58A2B6?

The complementary color (180° opposite on the hue wheel) of #58A2B6 is #B66D58.