#343f48

Color #343f48

A muted dark blue.

Closest named color Charcoal #36454f · ΔE 2.82 Nearest Tailwind class mist-700 #394447 · ΔE 4

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

Conversions

HEX

#343f48

RGB

rgb(52, 63, 72)

HSL

hsl(207, 16.1%, 24.3%)

HSV / HSB

hsv(207, 27.8%, 28.2%)

CMYK

cmyk(27.8%, 12.5%, 0%, 71.8%)

LAB

lab(26.02, -2.09, -6.97)

LCH

lch(26.02, 7.28, 253.31)

OKLCH

oklch(36.1%, 0.0213, 242.95)

HWB

hwb(207, 20.4%, 71.8%)

Harmony colors

Complementary

#483d34

Analogous

#344847

#343f48

#343548

Triadic

#343f48

#48343f

#3f4834

Split-complementary

#343f48

#483435

#484734

Tetradic

#343f48

#3d3448

#483d34

#3f4834

Square

#343f48

#473448

#483d34

#354834

Shades

Color #343f48 mixed toward black.

#2b343c

#232a30

#1a1f24

#111518

#090a0c

Tints

Color #343f48 mixed toward white.

#4f606d

#6a8093

#8fa0ae

#b4c0c9

#dadfe4

Tones

Color #343f48 mixed toward gray.

#363f46

#373f45

#393e43

#3b3e41

#3c3e40

Accessibility

Aa White text on this color

10.77:1

Aa Black text on this color

1.95:1

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

Under color vision deficiencies

Protanopia

#393946 · ΔE 7.4

Deuteranopia

#383845 · ΔE 7.5

Tritanopia

#354444 · ΔE 6.6

Achromatopsia

#3e3e3e · ΔE 6.5

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

Code

CSS

background-color: #343f48;

Tailwind (arbitrary value)

bg-[#343f48]

Related colors

Steel Blue #4682b4

Alice Blue #f0f8ff

Dodger Blue #1e90ff

Charcoal #36454f

Light Slate Gray #778899

Slate Gray #708090

Frequently asked questions

#343f48 (#343f48) is rgb(52, 63, 72) in RGB.

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

Generate a palette → Check contrast