#33345e

Color #33345e

A muted dark blue.

Closest named color Dark Slate Blue #483d8b · ΔE 23.2 Nearest Tailwind class blue-950 #162456 · ΔE 6.3

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

Conversions

HEX

#33345e

RGB

rgb(51, 52, 94)

HSL

hsl(238.6, 29.7%, 28.4%)

HSV / HSB

hsv(238.6, 45.7%, 36.9%)

CMYK

cmyk(45.7%, 44.7%, 0%, 63.1%)

LAB

lab(23.56, 11.85, -25.24)

LCH

lch(23.56, 27.88, 295.15)

OKLCH

oklch(34.6%, 0.0725, 280.89)

HWB

hwb(238.6, 20%, 63.1%)

Harmony colors

Complementary

#5e5d33

Analogous

#33495e

#33345e

#47335e

Triadic

#33345e

#5e3334

#345e33

Split-complementary

#33345e

#5e4733

#495e33

Tetradic

#33345e

#5d335e

#5e5d33

#345e33

Square

#33345e

#5e3349

#5e5d33

#335e47

Shades

Color #33345e mixed toward black.

#2a2b4e

#22233f

#191a2f

#11111f

#080910

Tints

Color #33345e mixed toward white.

#484a85

#6163a9

#898abf

#b0b1d4

#d8d8ea

Tones

Color #33345e mixed toward gray.

#36375a

#3a3b57

#3e3e53

#414250

#45454c

Accessibility

Aa White text on this color

11.71:1

Aa Black text on this color

1.79:1

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

Under color vision deficiencies

Protanopia

#333356 · ΔE 2.2

Deuteranopia

#333354 · ΔE 2.8

Tritanopia

#334f4d · ΔE 24.2

Achromatopsia

#383838 · ΔE 18.1

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

Code

CSS

background-color: #33345e;

Tailwind (arbitrary value)

bg-[#33345e]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#33345e (#33345e) is rgb(51, 52, 94) in RGB.

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

Generate a palette → Check contrast