#3d4353

Color #3d4353

A muted dark blue.

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

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

Conversions

HEX

#3d4353

RGB

rgb(61, 67, 83)

HSL

hsl(223.6, 15.3%, 28.2%)

HSV / HSB

hsv(223.6, 26.5%, 32.5%)

CMYK

cmyk(26.5%, 19.3%, 0%, 67.5%)

LAB

lab(28.46, 1.66, -10.4)

LCH

lch(28.46, 10.53, 279.07)

OKLCH

oklch(38.4%, 0.0285, 268.99)

HWB

hwb(223.6, 23.9%, 67.5%)

Harmony colors

Complementary

#534d3d

Analogous

#3d4e53

#3d4353

#423d53

Triadic

#3d4353

#533d43

#43533d

Split-complementary

#3d4353

#53423d

#4e533d

Tetradic

#3d4353

#4d3d53

#534d3d

#43533d

Square

#3d4353

#533d4e

#534d3d

#3d5342

Shades

Color #3d4353 mixed toward black.

#333845

#292d37

#1e2129

#14161c

#0a0b0e

Tints

Color #3d4353 mixed toward white.

#575f76

#727c98

#959db1

#b9becb

#dcdee5

Tones

Color #3d4353 mixed toward gray.

#3f4451

#41454f

#42454d

#44464c

#46474a

Accessibility

Aa White text on this color

9.88:1

Aa Black text on this color

2.13:1

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

Under color vision deficiencies

Protanopia

#40404f · ΔE 3.1

Deuteranopia

#3f3f4f · ΔE 3.4

Tritanopia

#3d4d4c · ΔE 12.3

Achromatopsia

#434343 · ΔE 8.6

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

Code

CSS

background-color: #3d4353;

Tailwind (arbitrary value)

bg-[#3d4353]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#3d4353 (#3d4353) is rgb(61, 67, 83) in RGB.

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

Generate a palette → Check contrast