#481dff

Color #481dff

A vivid, highly saturated medium blue.

Closest named color Blue #0000ff · ΔE 9.87 Nearest Tailwind class indigo-600 #4f39f6 · ΔE 3.9

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

Conversions

HEX

#481dff

RGB

rgb(72, 29, 255)

HSL

hsl(251.4, 100%, 55.7%)

HSV / HSB

hsv(251.4, 88.6%, 100%)

CMYK

cmyk(71.8%, 88.6%, 0%, 0%)

LAB

lab(36.88, 75.08, -100.14)

LCH

lch(36.88, 125.16, 306.86)

OKLCH

oklch(49%, 0.2906, 275.59)

HWB

hwb(251.4, 11.4%, 0%)

Harmony colors

Complementary

#d4ff1d

Analogous

#1d63ff

#481dff

#b91dff

Triadic

#481dff

#ff481d

#1dff48

Split-complementary

#481dff

#ffb91d

#63ff1d

Tetradic

#481dff

#ff1dd4

#d4ff1d

#1dff48

Square

#481dff

#ff1d63

#d4ff1d

#1dffb9

Shades

Color #481dff mixed toward black.

#2d00ed

#2400bd

#1b008e

#12005f

#09002f

Tints

Color #481dff mixed toward white.

#6643ff

#8568ff

#a38eff

#c2b4ff

#e0d9ff

Tones

Color #481dff mixed toward gray.

#5430ec

#5f43d9

#6b56c7

#7768b4

#827ba1

Accessibility

Aa White text on this color

7.25:1

Aa Black text on this color

2.9:1

White text reads better on this background (7.25:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#3a39e2 · ΔE 4.9

Deuteranopia

#3c3fda · ΔE 6.4

Tritanopia

#47c7c1 · ΔE 53

Achromatopsia

#575757 · ΔE 32.8

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

Code

CSS

background-color: #481dff;

Tailwind (arbitrary value)

bg-[#481dff]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Medium Purple #9370db

Navy #000080

Lavender #e6e6fa

Frequently asked questions

#481dff (#481dff) is rgb(72, 29, 255) in RGB.

No, #481dff 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 #481dff, or check how it holds up for accessibility.

Generate a palette → Check contrast