Skip to main content
ToolsHub
#7A97FF

#7A97FF Color — #7A97FF

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

Color Format Conversions

HEX#7A97FF
RGBrgb(122, 151, 255)
HSLhsl(227, 100%, 74%)
HSVhsv(227, 52%, 100%)
CMYKC:52% M:41% Y:0% K:0%
CSS Color#7A97FF
Decimal8034303
Luminance0.3349

WCAG Accessibility Contrast

#7A97FF on White
Ratio: 2.73:1 — Fail
#7A97FF on Black
Ratio: 7.7:1 — AAA
White on #7A97FF
Ratio: 2.73:1 — Fail
Black on #7A97FF
Ratio: 7.7:1 — AAA

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

Shades & Tints Scale

50#F8FAFF
100#EBEFFF
200#D7E0FF
300#C3D0FF
400#A9BBFF
500#7A97FF
600#6279CC
700#495B99
800#313C66
900#1F2640

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

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

What is the HSL value of #7A97FF?

The HSL value is hsl(227, 100%, 74%). Hue is 227°, saturation is 100%, and lightness is 74%.

Does #7A97FF meet WCAG accessibility standards?

On a white background, #7A97FF achieves a 2.73:1 contrast ratio (Fail). On a black background it achieves 7.7:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #7A97FF?

The complementary color (180° opposite on the hue wheel) of #7A97FF is #FFE27A.