#544ae8

Color #544ae8

A vivid, highly saturated light blue.

Closest named color Medium Slate Blue #7b68ee · ΔE 18.66 Nearest Tailwind class indigo-600 #4f39f6 · ΔE 3.7

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#544ae8

RGB

rgb(84, 74, 232)

HSL

hsl(243.8, 77.5%, 60%)

HSV / HSB

hsv(243.8, 68.1%, 91%)

CMYK

cmyk(63.8%, 68.1%, 0%, 9%)

LAB

lab(42.16, 49.95, -78.42)

LCH

lch(42.16, 92.98, 302.5)

OKLCH

oklch(52.3%, 0.2284, 277.78)

HWB

hwb(243.8, 29%, 9%)

Harmony colors

Complementary

#dee84a

Analogous

#4a8fe8

#544ae8

#a34ae8

Triadic

#544ae8

#e8544a

#4ae854

Split-complementary

#544ae8

#e8a34a

#8fe84a

Tetradic

#544ae8

#e84ade

#dee84a

#4ae854

Square

#544ae8

#e84a8f

#dee84a

#4ae8a3

Shades

Color #544ae8 mixed toward black.

#291de2

#2117b5

#191188

#100b5b

#08062d

Tints

Color #544ae8 mixed toward white.

#7068ec

#8d86f0

#a9a4f4

#c6c3f7

#e2e1fb

Tones

Color #544ae8 mixed toward gray.

#5f57db

#6b64ce

#7671c1

#827fb3

#8d8ca6

Accessibility

Aa White text on this color

5.96:1

Aa Black text on this color

3.52:1

White text reads better on this background (5.96:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#5050d0 · ΔE 3.5

Deuteranopia

#5051c9 · ΔE 4.5

Tritanopia

#54b9b4 · ΔE 44.6

Achromatopsia

#636363 · ΔE 30.1

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #544ae8;

Tailwind (arbitrary value)

bg-[#544ae8]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#544ae8 (#544ae8) is rgb(84, 74, 232) in RGB.

No, #544ae8 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #544ae8, or check how it holds up for accessibility.

Generate a palette → Check contrast