#03204d

Color #03204d

A vivid, highly saturated very dark blue.

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

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

Conversions

HEX

#03204d

RGB

rgb(3, 32, 77)

HSL

hsl(216.5, 92.5%, 15.7%)

HSV / HSB

hsv(216.5, 96.1%, 30.2%)

CMYK

cmyk(96.1%, 58.4%, 0%, 69.8%)

LAB

lab(13.16, 9.86, -30.71)

LCH

lch(13.16, 32.25, 287.8)

OKLCH

oklch(25.5%, 0.0904, 258.96)

HWB

hwb(216.5, 1.2%, 69.8%)

Harmony colors

Complementary

#4d3003

Analogous

#03454d

#03204d

#0b034d

Triadic

#03204d

#4d0320

#204d03

Split-complementary

#03204d

#4d0b03

#454d03

Tetradic

#03204d

#30034d

#4d3003

#204d03

Square

#03204d

#4d0345

#4d3003

#034d0b

Shades

Color #03204d mixed toward black.

#031b40

#021533

#021027

#010b1a

#01050d

Tints

Color #03204d mixed toward white.

#063d92

#0859d7

#307ef7

#75a9fa

#bad4fc

Tones

Color #03204d mixed toward gray.

#092147

#0f2341

#16243b

#1c2534

#22272e

Accessibility

Aa White text on this color

15.94:1

Aa Black text on this color

1.32:1

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

Under color vision deficiencies

Protanopia

#141445 · ΔE 6.1

Deuteranopia

#120f43 · ΔE 7.5

Tritanopia

#053e3c · ΔE 25.3

Achromatopsia

#222222 · ΔE 19.2

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

Code

CSS

background-color: #03204d;

Tailwind (arbitrary value)

bg-[#03204d]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Royal Blue #4169e1

Frequently asked questions

#03204d (#03204d) is rgb(3, 32, 77) in RGB.

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

Generate a palette → Check contrast