Skip to main content
ToolsHub
#5AC8F6

#5AC8F6 Color — #5AC8F6

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

Color Format Conversions

HEX#5AC8F6
RGBrgb(90, 200, 246)
HSLhsl(198, 90%, 66%)
HSVhsv(198, 63%, 96%)
CMYKC:63% M:19% Y:0% K:4%
CSS Color#5AC8F6
Decimal5949686
Luminance0.5014

WCAG Accessibility Contrast

#5AC8F6 on White
Ratio: 1.9:1 — Fail
#5AC8F6 on Black
Ratio: 11.03:1 — AAA
White on #5AC8F6
Ratio: 1.9:1 — Fail
Black on #5AC8F6
Ratio: 11.03:1 — AAA

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

Shades & Tints Scale

50#F7FCFF
100#E6F7FE
200#CEEFFC
300#B5E6FB
400#94DBF9
500#5AC8F6
600#48A0C5
700#367894
800#245062
900#17323E

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 #5AC8F6?

The RGB equivalent is rgb(90, 200, 246). The red channel is 90, green is 200, and blue is 246 (scale 0–255).

What is the HSL value of #5AC8F6?

The HSL value is hsl(198, 90%, 66%). Hue is 198°, saturation is 90%, and lightness is 66%.

Does #5AC8F6 meet WCAG accessibility standards?

On a white background, #5AC8F6 achieves a 1.9:1 contrast ratio (Fail). On a black background it achieves 11.03:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #5AC8F6?

The complementary color (180° opposite on the hue wheel) of #5AC8F6 is #F6895A.