Skip to main content
ToolsHub
#7F20F3

#7F20F3 Color — #7F20F3

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

Color Format Conversions

HEX#7F20F3
RGBrgb(127, 32, 243)
HSLhsl(267, 90%, 54%)
HSVhsv(267, 87%, 95%)
CMYKC:48% M:87% Y:0% K:5%
CSS Color#7F20F3
Decimal8331507
Luminance0.1202

WCAG Accessibility Contrast

#7F20F3 on White
Ratio: 6.17:1 — AA
#7F20F3 on Black
Ratio: 3.4:1 — AA Large
White on #7F20F3
Ratio: 6.17:1 — AA
Black on #7F20F3
Ratio: 3.4: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#F9F4FE
100#ECDEFD
200#D9BCFB
300#C59BFA
400#AC6EF7
500#7F20F3
600#661AC2
700#4C1392
800#330D61
900#20083D

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 #7F20F3?

The RGB equivalent is rgb(127, 32, 243). The red channel is 127, green is 32, and blue is 243 (scale 0–255).

What is the HSL value of #7F20F3?

The HSL value is hsl(267, 90%, 54%). Hue is 267°, saturation is 90%, and lightness is 54%.

Does #7F20F3 meet WCAG accessibility standards?

On a white background, #7F20F3 achieves a 6.17:1 contrast ratio (AA). On a black background it achieves 3.4:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #7F20F3?

The complementary color (180° opposite on the hue wheel) of #7F20F3 is #94F320.