#0f1534

Color #0f1534

A moderately saturated very dark blue.

Closest named color Black #000000 · ΔE 24.56 Nearest Tailwind class slate-900 #0f172b · ΔE 5.1

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

Conversions

HEX

#0f1534

RGB

rgb(15, 21, 52)

HSL

hsl(230.3, 55.2%, 13.1%)

HSV / HSB

hsv(230.3, 71.2%, 20.4%)

CMYK

cmyk(71.2%, 59.6%, 0%, 79.6%)

LAB

lab(8, 9.12, -21.36)

LCH

lch(8, 23.23, 293.12)

OKLCH

oklch(21%, 0.0611, 271.87)

HWB

hwb(230.3, 5.9%, 79.6%)

Harmony colors

Complementary

#342e0f

Analogous

#0f2734

#0f1534

#1b0f34

Triadic

#0f1534

#340f15

#15340f

Split-complementary

#0f1534

#341b0f

#27340f

Tetradic

#0f1534

#2e0f34

#342e0f

#15340f

Square

#0f1534

#340f27

#342e0f

#0f341b

Shades

Color #0f1534 mixed toward black.

#0c112b

#0a0e23

#070a1a

#050711

#020309

Tints

Color #0f1534 mixed toward white.

#202c6d

#3043a6

#5367cd

#8c9ade

#c6ccee

Tones

Color #0f1534 mixed toward gray.

#121731

#15192e

#181b2b

#1b1d28

#1e1f24

Accessibility

Aa White text on this color

17.84:1

Aa Black text on this color

1.18:1

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

Under color vision deficiencies

Protanopia

#12122e · ΔE 2.1

Deuteranopia

#11112d · ΔE 2.1

Tritanopia

#0f2a28 · ΔE 22.8

Achromatopsia

#181818 · ΔE 16.1

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

Code

CSS

background-color: #0f1534;

Tailwind (arbitrary value)

bg-[#0f1534]

Related colors

Royal Blue #4169e1

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Frequently asked questions

#0f1534 (#0f1534) is rgb(15, 21, 52) in RGB.

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

Generate a palette → Check contrast