#1f4979

Color #1f4979

A moderately saturated dark blue.

Closest named color Steel Blue #4682b4 · ΔE 23.1 Nearest Tailwind class sky-900 #024a70 · ΔE 4.9

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

Conversions

HEX

#1f4979

RGB

rgb(31, 73, 121)

HSL

hsl(212, 59.2%, 29.8%)

HSV / HSB

hsv(212, 74.4%, 47.5%)

CMYK

cmyk(74.4%, 39.7%, 0%, 52.5%)

LAB

lab(30.49, 3.01, -31.59)

LCH

lch(30.49, 31.73, 275.44)

OKLCH

oklch(40.1%, 0.0938, 253.71)

HWB

hwb(212, 12.2%, 52.5%)

Harmony colors

Complementary

#794f1f

Analogous

#1f7679

#1f4979

#221f79

Triadic

#1f4979

#791f49

#49791f

Split-complementary

#1f4979

#79221f

#76791f

Tetradic

#1f4979

#4f1f79

#794f1f

#49791f

Square

#1f4979

#791f76

#794f1f

#1f7922

Shades

Color #1f4979 mixed toward black.

#1a3d65

#153151

#10243c

#0a1828

#050c14

Tints

Color #1f4979 mixed toward white.

#2b66a8

#4183ce

#71a2da

#a0c1e7

#d0e0f3

Tones

Color #1f4979 mixed toward gray.

#274971

#2e4a6a

#354a62

#3d4b5b

#444b53

Accessibility

Aa White text on this color

9.18:1

Aa Black text on this color

2.29:1

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

Under color vision deficiencies

Protanopia

#363670 · ΔE 10.3

Deuteranopia

#33306d · ΔE 11.7

Tritanopia

#226866 · ΔE 23.7

Achromatopsia

#484848 · ΔE 18.6

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

Code

CSS

background-color: #1f4979;

Tailwind (arbitrary value)

bg-[#1f4979]

Related colors

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Steel Blue #4682b4

Frequently asked questions

#1f4979 (#1f4979) is rgb(31, 73, 121) in RGB.

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

Generate a palette → Check contrast