#260c3a

Color #260c3a

A moderately saturated very dark purple.

Closest named color Midnight Blue #191970 · ΔE 27.51 Nearest Tailwind class indigo-950 #1e1a4d · ΔE 6.7

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

Conversions

HEX

#260c3a

RGB

rgb(38, 12, 58)

HSL

hsl(273.9, 65.7%, 13.7%)

HSV / HSB

hsv(273.9, 79.3%, 22.7%)

CMYK

cmyk(34.5%, 79.3%, 0%, 77.3%)

LAB

lab(8.83, 23.6, -24.24)

LCH

lch(8.83, 33.83, 314.23)

OKLCH

oklch(22.4%, 0.0856, 306.59)

HWB

hwb(273.9, 4.7%, 77.3%)

Harmony colors

Complementary

#203a0c

Analogous

#0f0c3a

#260c3a

#3a0c37

Triadic

#260c3a

#3a260c

#0c3a26

Split-complementary

#260c3a

#373a0c

#0c3a0f

Tetradic

#260c3a

#3a0c20

#203a0c

#0c3a26

Square

#260c3a

#3a0f0c

#203a0c

#0c373a

Shades

Color #260c3a mixed toward black.

#200a30

#190827

#13061d

#0d0413

#06020a

Tints

Color #260c3a mixed toward white.

#4e1977

#7625b3

#9a49d9

#bc85e6

#ddc2f2

Tones

Color #260c3a mixed toward gray.

#251036

#251432

#24172e

#241b2b

#231f27

Accessibility

Aa White text on this color

17.56:1

Aa Black text on this color

1.2:1

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

Under color vision deficiencies

Protanopia

#1d1d33 · ΔE 10.8

Deuteranopia

#1f2031 · ΔE 13.1

Tritanopia

#252c2b · ΔE 22

Achromatopsia

#191919 · ΔE 21.2

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

Code

CSS

background-color: #260c3a;

Tailwind (arbitrary value)

bg-[#260c3a]

Related colors

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Dark Orchid #9932cc

Dark Violet #9400d3

Medium Orchid #ba55d3

Frequently asked questions

#260c3a (#260c3a) is rgb(38, 12, 58) in RGB.

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

Generate a palette → Check contrast