Skip to main content
ToolsHub
#2980B9

#2980B9 Color — #2980B9

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

Color Format Conversions

HEX#2980B9
RGBrgb(41, 128, 185)
HSLhsl(204, 64%, 44%)
HSVhsv(204, 78%, 73%)
CMYKC:78% M:31% Y:0% K:27%
CSS Color#2980B9
Decimal2719929
Luminance0.1941

WCAG Accessibility Contrast

#2980B9 on White
Ratio: 4.3:1 — AA Large
#2980B9 on Black
Ratio: 4.88:1 — AA
White on #2980B9
Ratio: 4.3:1 — AA Large
Black on #2980B9
Ratio: 4.88:1 — AA

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

Shades & Tints Scale

50#F4F9FC
100#DFECF5
200#BFD9EA
300#9FC6E0
400#74ACD2
500#2980B9
600#216694
700#194D6F
800#10334A
900#0A202E

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 #2980B9?

The RGB equivalent is rgb(41, 128, 185). The red channel is 41, green is 128, and blue is 185 (scale 0–255).

What is the HSL value of #2980B9?

The HSL value is hsl(204, 64%, 44%). Hue is 204°, saturation is 64%, and lightness is 44%.

Does #2980B9 meet WCAG accessibility standards?

On a white background, #2980B9 achieves a 4.3:1 contrast ratio (AA Large). On a black background it achieves 4.88:1 (AA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #2980B9?

The complementary color (180° opposite on the hue wheel) of #2980B9 is #B86228.