#240bed

Color #240bed

A vivid, highly saturated medium blue.

Closest named color Blue #0000ff · ΔE 10.16 Nearest Tailwind class indigo-700 #432dd7 · ΔE 4.3

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

Conversions

HEX

#240bed

RGB

rgb(36, 11, 237)

HSL

hsl(246.6, 91.1%, 48.6%)

HSV / HSB

hsv(246.6, 95.4%, 92.9%)

CMYK

cmyk(84.8%, 95.4%, 0%, 7.1%)

LAB

lab(31.18, 73.46, -99.55)

LCH

lch(31.18, 123.72, 306.42)

OKLCH

oklch(44%, 0.2877, 268.33)

HWB

hwb(246.6, 4.3%, 7.1%)

Harmony colors

Complementary

#d4ed0b

Analogous

#0b63ed

#240bed

#950bed

Triadic

#240bed

#ed240b

#0bed24

Split-complementary

#240bed

#ed950b

#63ed0b

Tetradic

#240bed

#ed0bd4

#d4ed0b

#0bed24

Square

#240bed

#ed0b63

#d4ed0b

#0bed95

Shades

Color #240bed mixed toward black.

#1e09c5

#18079e

#120676

#0c044f

#060227

Tints

Color #240bed mixed toward white.

#442ef5

#6a58f7

#8f82f9

#b4acfb

#dad5fd

Tones

Color #240bed mixed toward gray.

#331eda

#4131c7

#5043b4

#5f56a2

#6d698f

Accessibility

Aa White text on this color

8.95:1

Aa Black text on this color

2.35:1

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

Under color vision deficiencies

Protanopia

#1c1cd2 · ΔE 3.3

Deuteranopia

#1d1fca · ΔE 4.2

Tritanopia

#23b8b2 · ΔE 54.8

Achromatopsia

#494949 · ΔE 32.7

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

Code

CSS

background-color: #240bed;

Tailwind (arbitrary value)

bg-[#240bed]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#240bed (#240bed) is rgb(36, 11, 237) in RGB.

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

Generate a palette → Check contrast