Skip to main content
ToolsHub
#5400D1

#5400D1 Color — #5400D1

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

Color Format Conversions

HEX#5400D1
RGBrgb(84, 0, 209)
HSLhsl(264, 100%, 41%)
HSVhsv(264, 100%, 82%)
CMYKC:60% M:100% Y:0% K:18%
CSS Color#5400D1
Decimal5505233
Luminance0.0649

WCAG Accessibility Contrast

#5400D1 on White
Ratio: 9.14:1 — AAA
#5400D1 on Black
Ratio: 2.3:1 — Fail
White on #5400D1
Ratio: 9.14:1 — AAA
Black on #5400D1
Ratio: 2.3:1 — Fail

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

Shades & Tints Scale

50#F6F2FD
100#E5D9F8
200#CCB3F1
300#B28CEA
400#9059E1
500#5400D1
600#4300A7
700#32007D
800#220054
900#150034

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 #5400D1?

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

What is the HSL value of #5400D1?

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

Does #5400D1 meet WCAG accessibility standards?

On a white background, #5400D1 achieves a 9.14:1 contrast ratio (AAA). On a black background it achieves 2.3:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #5400D1?

The complementary color (180° opposite on the hue wheel) of #5400D1 is #7DD100.