#494359

Color #494359

A nearly neutral, gray-leaning dark blue.

Closest named color Charcoal #36454f · ΔE 11.8 Nearest Tailwind class mauve-600 #594c5b · ΔE 5.4

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

Conversions

HEX

#494359

RGB

rgb(73, 67, 89)

HSL

hsl(256.4, 14.1%, 30.6%)

HSV / HSB

hsv(256.4, 24.7%, 34.9%)

CMYK

cmyk(18%, 24.7%, 0%, 65.1%)

LAB

lab(29.79, 7.69, -12.15)

LCH

lch(29.79, 14.38, 302.33)

OKLCH

oklch(39.8%, 0.0373, 297.11)

HWB

hwb(256.4, 26.3%, 65.1%)

Harmony colors

Complementary

#535943

Analogous

#434859

#494359

#544359

Triadic

#494359

#594943

#435949

Split-complementary

#494359

#595443

#485943

Tetradic

#494359

#594353

#535943

#435949

Square

#494359

#594348

#535943

#435954

Shades

Color #494359 mixed toward black.

#3d384a

#312d3b

#25222d

#18161e

#0c0b0f

Tints

Color #494359 mixed toward white.

#655c7b

#81789a

#a19ab3

#c0bccc

#e0dde6

Tones

Color #494359 mixed toward gray.

#4a4557

#4b4755

#4c4954

#4c4a52

#4d4c50

Accessibility

Aa White text on this color

9.42:1

Aa Black text on this color

2.23:1

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

Under color vision deficiencies

Protanopia

#464654 · ΔE 5

Deuteranopia

#474753 · ΔE 5.8

Tritanopia

#49504f · ΔE 15.4

Achromatopsia

#464646 · ΔE 12.1

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

Code

CSS

background-color: #494359;

Tailwind (arbitrary value)

bg-[#494359]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Rebecca Purple #663399

Blue Violet #8a2be2

Frequently asked questions

#494359 (#494359) is rgb(73, 67, 89) in RGB.

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

Generate a palette → Check contrast