Skip to main content
ToolsHub
#A8BDFF

#A8BDFF Color — #A8BDFF

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

Color Format Conversions

HEX#A8BDFF
RGBrgb(168, 189, 255)
HSLhsl(226, 100%, 83%)
HSVhsv(226, 34%, 100%)
CMYKC:34% M:26% Y:0% K:0%
CSS Color#A8BDFF
Decimal11058687
Luminance0.5194

WCAG Accessibility Contrast

#A8BDFF on White
Ratio: 1.84:1 — Fail
#A8BDFF on Black
Ratio: 11.39:1 — AAA
White on #A8BDFF
Ratio: 1.84:1 — Fail
Black on #A8BDFF
Ratio: 11.39:1 — AAA

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

Shades & Tints Scale

50#FBFCFF
100#F2F5FF
200#E5EBFF
300#D8E1FF
400#C6D4FF
500#A8BDFF
600#8697CC
700#657199
800#434C66
900#2A2F40

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

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

What is the HSL value of #A8BDFF?

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

Does #A8BDFF meet WCAG accessibility standards?

On a white background, #A8BDFF achieves a 1.84:1 contrast ratio (Fail). On a black background it achieves 11.39:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #A8BDFF?

The complementary color (180° opposite on the hue wheel) of #A8BDFF is #FFEBA8.