#41387f

Color #41387f

A muted dark blue.

Closest named color Dark Slate Blue #483d8b · ΔE 4.66 Nearest Tailwind class indigo-900 #312c85 · ΔE 4.6

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

Conversions

HEX

#41387f

RGB

rgb(65, 56, 127)

HSL

hsl(247.6, 38.8%, 35.9%)

HSV / HSB

hsv(247.6, 55.9%, 49.8%)

CMYK

cmyk(48.8%, 55.9%, 0%, 50.2%)

LAB

lab(28.07, 23.77, -39.09)

LCH

lch(28.07, 45.75, 301.3)

OKLCH

oklch(39%, 0.1156, 285.5)

HWB

hwb(247.6, 22%, 50.2%)

Harmony colors

Complementary

#767f38

Analogous

#38537f

#41387f

#65387f

Triadic

#41387f

#7f4138

#387f41

Split-complementary

#41387f

#7f6538

#537f38

Tetradic

#41387f

#7f3876

#767f38

#387f41

Square

#41387f

#7f3853

#767f38

#387f65

Shades

Color #41387f mixed toward black.

#362f6a

#2b2555

#211c40

#16132a

#0b0915

Tints

Color #41387f mixed toward white.

#5449a5

#7268bc

#968ecd

#b9b3de

#dcd9ee

Tones

Color #41387f mixed toward gray.

#453e79

#4a4473

#4e4a6d

#535067

#575661

Accessibility

Aa White text on this color

10.01:1

Aa Black text on this color

2.1:1

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

Under color vision deficiencies

Protanopia

#3d3d73 · ΔE 3.8

Deuteranopia

#3e3e6f · ΔE 4.8

Tritanopia

#416865 · ΔE 28.7

Achromatopsia

#424242 · ΔE 23.2

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

Code

CSS

background-color: #41387f;

Tailwind (arbitrary value)

bg-[#41387f]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#41387f (#41387f) is rgb(65, 56, 127) in RGB.

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

Generate a palette → Check contrast