#354664

Color #354664

A muted dark blue.

Closest named color Charcoal #36454f · ΔE 13.03 Nearest Tailwind class slate-700 #314158 · ΔE 3.1

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

Conversions

HEX

#354664

RGB

rgb(53, 70, 100)

HSL

hsl(218.3, 30.7%, 30%)

HSV / HSB

hsv(218.3, 47%, 39.2%)

CMYK

cmyk(47%, 30%, 0%, 60.8%)

LAB

lab(29.56, 2.26, -19.71)

LCH

lch(29.56, 19.84, 276.54)

OKLCH

oklch(39.3%, 0.0557, 261.43)

HWB

hwb(218.3, 20.8%, 60.8%)

Harmony colors

Complementary

#645335

Analogous

#355d64

#354664

#3c3564

Triadic

#354664

#643546

#466435

Split-complementary

#354664

#643c35

#5d6435

Tetradic

#354664

#533564

#645335

#466435

Square

#354664

#64355d

#645335

#35643c

Shades

Color #354664 mixed toward black.

#2c3a53

#232f43

#1b2332

#121721

#090c11

Tints

Color #354664 mixed toward white.

#4a618b

#637ead

#8a9ec1

#b1bed6

#d8dfea

Tones

Color #354664 mixed toward gray.

#394760

#3d485c

#414958

#454a54

#494b50

Accessibility

Aa White text on this color

9.5:1

Aa Black text on this color

2.21:1

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

Under color vision deficiencies

Protanopia

#3d3d5e · ΔE 7

Deuteranopia

#3c3b5c · ΔE 7.6

Tritanopia

#365957 · ΔE 19.2

Achromatopsia

#464646 · ΔE 13.8

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

Code

CSS

background-color: #354664;

Tailwind (arbitrary value)

bg-[#354664]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Royal Blue #4169e1

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#354664 (#354664) is rgb(53, 70, 100) in RGB.

No, #354664 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast