Skip to main content
ToolsHub
#55ADD3

#55ADD3 Color — #55ADD3

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

Color Format Conversions

HEX#55ADD3
RGBrgb(85, 173, 211)
HSLhsl(198, 59%, 58%)
HSVhsv(198, 60%, 83%)
CMYKC:60% M:18% Y:0% K:17%
CSS Color#55ADD3
Decimal5615059
Luminance0.3652

WCAG Accessibility Contrast

#55ADD3 on White
Ratio: 2.53:1 — Fail
#55ADD3 on Black
Ratio: 8.3:1 — AAA
White on #55ADD3
Ratio: 2.53:1 — Fail
Black on #55ADD3
Ratio: 8.3:1 — AAA

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

Shades & Tints Scale

50#F7FBFD
100#E6F3F8
200#CCE6F2
300#B3DAEB
400#91CAE2
500#55ADD3
600#448AA9
700#33687F
800#224554
900#152B35

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

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

What is the HSL value of #55ADD3?

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

Does #55ADD3 meet WCAG accessibility standards?

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

What is the complementary color of #55ADD3?

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