Skip to main content
ToolsHub
#2E8ACC

#2E8ACC Color — #2E8ACC

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

Color Format Conversions

HEX#2E8ACC
RGBrgb(46, 138, 204)
HSLhsl(205, 63%, 49%)
HSVhsv(205, 77%, 80%)
CMYKC:77% M:32% Y:0% K:20%
CSS Color#2E8ACC
Decimal3050188
Luminance0.2312

WCAG Accessibility Contrast

#2E8ACC on White
Ratio: 3.73:1 — AA Large
#2E8ACC on Black
Ratio: 5.62:1 — AA
White on #2E8ACC
Ratio: 3.73:1 — AA Large
Black on #2E8ACC
Ratio: 5.62:1 — AA

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

Shades & Tints Scale

50#F5F9FC
100#E0EDF7
200#C0DCF0
300#A1CAE8
400#77B3DE
500#2E8ACC
600#256EA3
700#1C537A
800#123752
900#0C2333

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 #2E8ACC?

The RGB equivalent is rgb(46, 138, 204). The red channel is 46, green is 138, and blue is 204 (scale 0–255).

What is the HSL value of #2E8ACC?

The HSL value is hsl(205, 63%, 49%). Hue is 205°, saturation is 63%, and lightness is 49%.

Does #2E8ACC meet WCAG accessibility standards?

On a white background, #2E8ACC achieves a 3.73:1 contrast ratio (AA Large). On a black background it achieves 5.62:1 (AA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #2E8ACC?

The complementary color (180° opposite on the hue wheel) of #2E8ACC is #CC702E.