Skip to main content
ToolsHub
#55A3F7

#55A3F7 Color — #55A3F7

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

Color Format Conversions

HEX#55A3F7
RGBrgb(85, 163, 247)
HSLhsl(211, 91%, 65%)
HSVhsv(211, 66%, 97%)
CMYKC:66% M:34% Y:0% K:3%
CSS Color#55A3F7
Decimal5612535
Luminance0.3484

WCAG Accessibility Contrast

#55A3F7 on White
Ratio: 2.64:1 — Fail
#55A3F7 on Black
Ratio: 7.97:1 — AAA
White on #55A3F7
Ratio: 2.64:1 — Fail
Black on #55A3F7
Ratio: 7.97:1 — AAA

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

Shades & Tints Scale

50#F7FAFF
100#E6F1FE
200#CCE3FD
300#B3D6FB
400#91C3FA
500#55A3F7
600#4482C6
700#336294
800#224163
900#15293E

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 #55A3F7?

The RGB equivalent is rgb(85, 163, 247). The red channel is 85, green is 163, and blue is 247 (scale 0–255).

What is the HSL value of #55A3F7?

The HSL value is hsl(211, 91%, 65%). Hue is 211°, saturation is 91%, and lightness is 65%.

Does #55A3F7 meet WCAG accessibility standards?

On a white background, #55A3F7 achieves a 2.64:1 contrast ratio (Fail). On a black background it achieves 7.97:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #55A3F7?

The complementary color (180° opposite on the hue wheel) of #55A3F7 is #F7A855.