#292597

Color #292597

A moderately saturated dark blue.

Closest named color Navy #000080 · ΔE 13.75 Nearest Tailwind class indigo-800 #372aac · ΔE 3.6

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

Conversions

HEX

#292597

RGB

rgb(41, 37, 151)

HSL

hsl(242.1, 60.6%, 36.9%)

HSV / HSB

hsv(242.1, 75.5%, 59.2%)

CMYK

cmyk(72.8%, 75.5%, 0%, 40.8%)

LAB

lab(23.76, 39.77, -61.11)

LCH

lch(23.76, 72.91, 303.06)

OKLCH

oklch(36%, 0.1772, 274.37)

HWB

hwb(242.1, 14.5%, 40.8%)

Harmony colors

Complementary

#939725

Analogous

#255a97

#292597

#622597

Triadic

#292597

#972925

#259729

Split-complementary

#292597

#976225

#5a9725

Tetradic

#292597

#972593

#939725

#259729

Square

#292597

#97255a

#939725

#259762

Shades

Color #292597 mixed toward black.

#221f7e

#1b1965

#15134c

#0e0c32

#070619

Tints

Color #292597 mixed toward white.

#3530c2

#5753d5

#817edf

#aba9ea

#d5d4f4

Tones

Color #292597 mixed toward gray.

#322f8e

#3b3884

#44427b

#4c4b71

#555568

Accessibility

Aa White text on this color

11.63:1

Aa Black text on this color

1.81:1

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

Under color vision deficiencies

Protanopia

#272786 · ΔE 2.8

Deuteranopia

#282882 · ΔE 3.5

Tritanopia

#297773 · ΔE 37.7

Achromatopsia

#393939 · ΔE 27.7

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

Code

CSS

background-color: #292597;

Tailwind (arbitrary value)

bg-[#292597]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#292597 (#292597) is rgb(41, 37, 151) in RGB.

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

Generate a palette → Check contrast