Skip to main content
ToolsHub
#55D3BA

#55D3BA Color — #55D3BA

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

Color Format Conversions

HEX#55D3BA
RGBrgb(85, 211, 186)
HSLhsl(168, 59%, 58%)
HSVhsv(168, 60%, 83%)
CMYKC:60% M:0% Y:12% K:17%
CSS Color#55D3BA
Decimal5624762
Luminance0.5206

WCAG Accessibility Contrast

#55D3BA on White
Ratio: 1.84:1 — Fail
#55D3BA on Black
Ratio: 11.41:1 — AAA
White on #55D3BA
Ratio: 1.84:1 — Fail
Black on #55D3BA
Ratio: 11.41:1 — AAA

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

Shades & Tints Scale

50#F7FDFC
100#E6F8F5
200#CCF2EA
300#B3EBE0
400#91E2D2
500#55D3BA
600#44A995
700#337F70
800#22544A
900#15352F

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

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

What is the HSL value of #55D3BA?

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

Does #55D3BA meet WCAG accessibility standards?

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

What is the complementary color of #55D3BA?

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