#324248

Color #324248

A muted dark cyan.

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

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

Conversions

HEX

#324248

RGB

rgb(50, 66, 72)

HSL

hsl(196.4, 18%, 23.9%)

HSV / HSB

hsv(196.4, 30.6%, 28.2%)

CMYK

cmyk(30.6%, 8.3%, 0%, 71.8%)

LAB

lab(26.85, -4.74, -5.73)

LCH

lch(26.85, 7.44, 230.4)

OKLCH

oklch(36.8%, 0.023, 222.71)

HWB

hwb(196.4, 19.6%, 71.8%)

Harmony colors

Complementary

#483832

Analogous

#324843

#324248

#323748

Triadic

#324248

#483242

#424832

Split-complementary

#324248

#483237

#484332

Tetradic

#324248

#383248

#483832

#424832

Square

#324248

#433248

#483832

#374832

Shades

Color #324248 mixed toward black.

#2a373c

#212c30

#192124

#111618

#080b0c

Tints

Color #324248 mixed toward white.

#4c656e

#678894

#8da6af

#b3c4ca

#d9e1e4

Tones

Color #324248 mixed toward gray.

#344146

#364044

#373f42

#393f41

#3b3e3f

Accessibility

Aa White text on this color

10.46:1

Aa Black text on this color

2.01:1

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

Under color vision deficiencies

Protanopia

#3a3a47 · ΔE 10.6

Deuteranopia

#393746 · ΔE 12.5

Tritanopia

#334545 · ΔE 4.2

Achromatopsia

#3f3f3f · ΔE 7.6

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

Code

CSS

background-color: #324248;

Tailwind (arbitrary value)

bg-[#324248]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Powder Blue #b0e0e6

Frequently asked questions

#324248 (#324248) is rgb(50, 66, 72) in RGB.

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

Generate a palette → Check contrast