#240c2b

Color #240c2b

A moderately saturated very dark purple.

Closest named color Black #000000 · ΔE 25.54 Nearest Tailwind class indigo-950 #1e1a4d · ΔE 10

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

Conversions

HEX

#240c2b

RGB

rgb(36, 12, 43)

HSL

hsl(286.5, 56.4%, 10.8%)

HSV / HSB

hsv(286.5, 72.1%, 16.9%)

CMYK

cmyk(16.3%, 72.1%, 0%, 83.1%)

LAB

lab(7.34, 18.82, -15.63)

LCH

lch(7.34, 24.46, 320.29)

OKLCH

oklch(20.9%, 0.0654, 318.04)

HWB

hwb(286.5, 4.7%, 83.1%)

Harmony colors

Complementary

#132b0c

Analogous

#150c2b

#240c2b

#2b0c23

Triadic

#240c2b

#2b240c

#0c2b24

Split-complementary

#240c2b

#232b0c

#0c2b15

Tetradic

#240c2b

#2b0c13

#132b0c

#0c2b24

Square

#240c2b

#2b150c

#132b0c

#0c232b

Shades

Color #240c2b mixed toward black.

#1e0a24

#18081d

#120616

#0c040e

#060207

Tints

Color #240c2b mixed toward white.

#561d66

#872da2

#b14dcd

#cb88de

#e5c4ee

Tones

Color #240c2b mixed toward gray.

#230f28

#211126

#201423

#1e1621

#1d191e

Accessibility

Aa White text on this color

18.06:1

Aa Black text on this color

1.16:1

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

Under color vision deficiencies

Protanopia

#1c1c26 · ΔE 13.7

Deuteranopia

#1d1f24 · ΔE 17.1

Tritanopia

#232120 · ΔE 18.7

Achromatopsia

#161616 · ΔE 18.5

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

Code

CSS

background-color: #240c2b;

Tailwind (arbitrary value)

bg-[#240c2b]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Indigo #4b0082

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#240c2b (#240c2b) is rgb(36, 12, 43) in RGB.

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

Generate a palette → Check contrast