Skip to main content
ToolsHub
#977BEA

#977BEA Color — #977BEA

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

Color Format Conversions

HEX#977BEA
RGBrgb(151, 123, 234)
HSLhsl(255, 73%, 70%)
HSVhsv(255, 47%, 92%)
CMYKC:35% M:47% Y:0% K:8%
CSS Color#977BEA
Decimal9927658
Luminance0.2669

WCAG Accessibility Contrast

#977BEA on White
Ratio: 3.31:1 — AA Large
#977BEA on Black
Ratio: 6.34:1 — AA
White on #977BEA
Ratio: 3.31:1 — AA Large
Black on #977BEA
Ratio: 6.34:1 — AA

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

Shades & Tints Scale

50#FAF8FE
100#EFEBFC
200#E0D7F9
300#D0C4F6
400#BBA9F1
500#977BEA
600#7962BB
700#5B4A8C
800#3C315E
900#261F3B

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 #977BEA?

The RGB equivalent is rgb(151, 123, 234). The red channel is 151, green is 123, and blue is 234 (scale 0–255).

What is the HSL value of #977BEA?

The HSL value is hsl(255, 73%, 70%). Hue is 255°, saturation is 73%, and lightness is 70%.

Does #977BEA meet WCAG accessibility standards?

On a white background, #977BEA achieves a 3.31:1 contrast ratio (AA Large). On a black background it achieves 6.34:1 (AA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #977BEA?

The complementary color (180° opposite on the hue wheel) of #977BEA is #CEEA7B.