#383b4d

Color #383b4d

A muted dark blue.

Closest named color Charcoal #36454f · ΔE 8.12 Nearest Tailwind class gray-700 #364153 · ΔE 4.3

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

Conversions

HEX

#383b4d

RGB

rgb(56, 59, 77)

HSL

hsl(231.4, 15.8%, 26.1%)

HSV / HSB

hsv(231.4, 27.3%, 30.2%)

CMYK

cmyk(27.3%, 23.4%, 0%, 69.8%)

LAB

lab(25.27, 3.43, -11.37)

LCH

lch(25.27, 11.88, 286.79)

OKLCH

oklch(35.7%, 0.0315, 277.31)

HWB

hwb(231.4, 22%, 69.8%)

Harmony colors

Complementary

#4d4a38

Analogous

#38464d

#383b4d

#40384d

Triadic

#383b4d

#4d383b

#3b4d38

Split-complementary

#383b4d

#4d4038

#464d38

Tetradic

#383b4d

#4a384d

#4d4a38

#3b4d38

Square

#383b4d

#4d3846

#4d4a38

#384d40

Shades

Color #383b4d mixed toward black.

#2f3140

#252733

#1c1e27

#13141a

#090a0d

Tints

Color #383b4d mixed toward white.

#525771

#6e7395

#9296b0

#b6b9ca

#dbdce5

Tones

Color #383b4d mixed toward gray.

#3a3c4b

#3c3e4a

#3d3f48

#3f4046

#414144

Accessibility

Aa White text on this color

11.05:1

Aa Black text on this color

1.9:1

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

Under color vision deficiencies

Protanopia

#393949 · ΔE 1.6

Deuteranopia

#393948 · ΔE 1.9

Tritanopia

#384645 · ΔE 13.8

Achromatopsia

#3c3c3c · ΔE 9.7

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

Code

CSS

background-color: #383b4d;

Tailwind (arbitrary value)

bg-[#383b4d]

Related colors

Royal Blue #4169e1

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Frequently asked questions

#383b4d (#383b4d) is rgb(56, 59, 77) in RGB.

No, #383b4d is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast