Skip to main content
ToolsHub
#7864ED

#7864ED Color — #7864ED

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

Color Format Conversions

HEX#7864ED
RGBrgb(120, 100, 237)
HSLhsl(249, 79%, 66%)
HSVhsv(249, 58%, 93%)
CMYKC:49% M:58% Y:0% K:7%
CSS Color#7864ED
Decimal7890157
Luminance0.1922

WCAG Accessibility Contrast

#7864ED on White
Ratio: 4.33:1 — AA Large
#7864ED on Black
Ratio: 4.84:1 — AA
White on #7864ED
Ratio: 4.33:1 — AA Large
Black on #7864ED
Ratio: 4.84:1 — AA

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

Shades & Tints Scale

50#F8F7FE
100#EBE8FC
200#D7D1FA
300#C2B9F7
400#A79AF3
500#7864ED
600#6050BE
700#483C8E
800#30285F
900#1E193B

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 #7864ED?

The RGB equivalent is rgb(120, 100, 237). The red channel is 120, green is 100, and blue is 237 (scale 0–255).

What is the HSL value of #7864ED?

The HSL value is hsl(249, 79%, 66%). Hue is 249°, saturation is 79%, and lightness is 66%.

Does #7864ED meet WCAG accessibility standards?

On a white background, #7864ED achieves a 4.33:1 contrast ratio (AA Large). On a black background it achieves 4.84:1 (AA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #7864ED?

The complementary color (180° opposite on the hue wheel) of #7864ED is #D8ED64.