#3c4479

Color #3c4479

A muted dark blue.

Closest named color Dark Slate Blue #483d8b · ΔE 17.25 Nearest Tailwind class blue-900 #1c398e · ΔE 6.9

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

Conversions

HEX

#3c4479

RGB

rgb(60, 68, 121)

HSL

hsl(232.1, 33.7%, 35.5%)

HSV / HSB

hsv(232.1, 50.4%, 47.5%)

CMYK

cmyk(50.4%, 43.8%, 0%, 52.5%)

LAB

lab(30.58, 12.54, -31.35)

LCH

lch(30.58, 33.76, 291.8)

OKLCH

oklch(40.6%, 0.0892, 275.21)

HWB

hwb(232.1, 23.5%, 52.5%)

Harmony colors

Complementary

#79713c

Analogous

#3c6379

#3c4479

#523c79

Triadic

#3c4479

#793c44

#44793c

Split-complementary

#3c4479

#79523c

#63793c

Tetradic

#3c4479

#713c79

#79713c

#44793c

Square

#3c4479

#793c63

#79713c

#3c7952

Shades

Color #3c4479 mixed toward black.

#323965

#282d51

#1e223d

#141728

#0a0b14

Tints

Color #3c4479 mixed toward white.

#4e599e

#6c76b6

#9198c8

#b6bbdb

#dadded

Tones

Color #3c4479 mixed toward gray.

#414874

#464c6f

#4b4f6a

#505365

#555760

Accessibility

Aa White text on this color

9.15:1

Aa Black text on this color

2.3:1

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

Under color vision deficiencies

Protanopia

#40406f · ΔE 3

Deuteranopia

#3f3f6c · ΔE 3.5

Tritanopia

#3c6664 · ΔE 25.8

Achromatopsia

#484848 · ΔE 19.8

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

Code

CSS

background-color: #3c4479;

Tailwind (arbitrary value)

bg-[#3c4479]

Related colors

Royal Blue #4169e1

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Frequently asked questions

#3c4479 (#3c4479) is rgb(60, 68, 121) in RGB.

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

Generate a palette → Check contrast