#445370

Color #445370

A muted dark blue.

Closest named color Charcoal #36454f · ΔE 13.64 Nearest Tailwind class slate-600 #45556c · ΔE 2.7

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

Conversions

HEX

#445370

RGB

rgb(68, 83, 112)

HSL

hsl(219.5, 24.4%, 35.3%)

HSV / HSB

hsv(219.5, 39.3%, 43.9%)

CMYK

cmyk(39.3%, 25.9%, 0%, 56.1%)

LAB

lab(35.17, 2.15, -18.49)

LCH

lch(35.17, 18.61, 276.63)

OKLCH

oklch(44.2%, 0.0517, 263.22)

HWB

hwb(219.5, 26.7%, 56.1%)

Harmony colors

Complementary

#706144

Analogous

#446970

#445370

#4b4470

Triadic

#445370

#704453

#537044

Split-complementary

#445370

#704b44

#697044

Tetradic

#445370

#614470

#706144

#537044

Square

#445370

#704469

#706144

#44704b

Shades

Color #445370 mixed toward black.

#39455d

#2d374b

#222a38

#171c25

#0b0e13

Tints

Color #445370 mixed toward white.

#596c92

#7689ac

#98a6c1

#bbc4d5

#dde1ea

Tones

Color #445370 mixed toward gray.

#48546c

#4b5569

#4f5765

#535861

#56595e

Accessibility

Aa White text on this color

7.73:1

Aa Black text on this color

2.72:1

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

Under color vision deficiencies

Protanopia

#4b4b6a · ΔE 6.5

Deuteranopia

#4a4968 · ΔE 7.1

Tritanopia

#456564 · ΔE 18.1

Achromatopsia

#535353 · ΔE 13.2

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

Code

CSS

background-color: #445370;

Tailwind (arbitrary value)

bg-[#445370]

Related colors

Cornflower Blue #6495ed

Royal Blue #4169e1

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#445370 (#445370) is rgb(68, 83, 112) in RGB.

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

Generate a palette → Check contrast