Skip to main content
ToolsHub
#4646EC

#4646EC Color — #4646EC

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

Color Format Conversions

HEX#4646EC
RGBrgb(70, 70, 236)
HSLhsl(240, 81%, 60%)
HSVhsv(240, 70%, 93%)
CMYKC:70% M:70% Y:0% K:7%
CSS Color#4646EC
Decimal4605676
Luminance0.1174

WCAG Accessibility Contrast

#4646EC on White
Ratio: 6.27:1 — AA
#4646EC on Black
Ratio: 3.35:1 — AA Large
White on #4646EC
Ratio: 6.27:1 — AA
Black on #4646EC
Ratio: 3.35:1 — AA Large

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

Shades & Tints Scale

50#F6F6FE
100#E3E3FC
200#C8C8F9
300#ACACF6
400#8787F3
500#4646EC
600#3838BD
700#2A2A8E
800#1C1C5E
900#12123B

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 #4646EC?

The RGB equivalent is rgb(70, 70, 236). The red channel is 70, green is 70, and blue is 236 (scale 0–255).

What is the HSL value of #4646EC?

The HSL value is hsl(240, 81%, 60%). Hue is 240°, saturation is 81%, and lightness is 60%.

Does #4646EC meet WCAG accessibility standards?

On a white background, #4646EC achieves a 6.27:1 contrast ratio (AA). On a black background it achieves 3.35:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #4646EC?

The complementary color (180° opposite on the hue wheel) of #4646EC is #ECEC46.