#240d28

Color #240d28

A moderately saturated very dark magenta.

Closest named color Black #000000 · ΔE 23.14 Nearest Tailwind class mauve-800 #2a212c · ΔE 9.9

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

Conversions

HEX

#240d28

RGB

rgb(36, 13, 40)

HSL

hsl(291.1, 50.9%, 10.4%)

HSV / HSB

hsv(291.1, 67.5%, 15.7%)

CMYK

cmyk(10%, 67.5%, 0%, 84.3%)

LAB

lab(7.37, 17.42, -13.33)

LCH

lch(7.37, 21.94, 322.58)

OKLCH

oklch(20.9%, 0.0595, 321.55)

HWB

hwb(291.1, 5.1%, 84.3%)

Harmony colors

Complementary

#11280d

Analogous

#170d28

#240d28

#280d1f

Triadic

#240d28

#28240d

#0d2824

Split-complementary

#240d28

#1f280d

#0d2817

Tetradic

#240d28

#280d11

#11280d

#0d2824

Square

#240d28

#28170d

#11280d

#0d1f28

Shades

Color #240d28 mixed toward black.

#1e0b21

#18091b

#120714

#0c040d

#060207

Tints

Color #240d28 mixed toward white.

#582061

#8b329b

#b653c7

#ce8cda

#e7c6ec

Tones

Color #240d28 mixed toward gray.

#220f26

#211224

#1f1421

#1e161f

#1c181d

Accessibility

Aa White text on this color

18.05:1

Aa Black text on this color

1.16:1

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

Under color vision deficiencies

Protanopia

#1c1c23 · ΔE 14.2

Deuteranopia

#1d1f22 · ΔE 17.2

Tritanopia

#231f1e · ΔE 16.8

Achromatopsia

#161616 · ΔE 17.5

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

Code

CSS

background-color: #240d28;

Tailwind (arbitrary value)

bg-[#240d28]

Related colors

Medium Orchid #ba55d3

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#240d28 (#240d28) is rgb(36, 13, 40) in RGB.

No, #240d28 is not web-safe. The nearest web-safe colors are among its tones and shades below.

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

Generate a palette → Check contrast