#0f1315

Color #0f1315

A muted very dark blue.

Closest named color Black #000000 · ΔE 5.97 Nearest Tailwind class mist-950 #090b0c · ΔE 2.1

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

Conversions

HEX

#0f1315

RGB

rgb(15, 19, 21)

HSL

hsl(200, 16.7%, 7.1%)

HSV / HSB

hsv(200, 28.6%, 8.2%)

CMYK

cmyk(28.6%, 9.5%, 0%, 91.8%)

LAB

lab(5.61, -1.04, -1.76)

LCH

lch(5.61, 2.04, 239.42)

OKLCH

oklch(18.3%, 0.0075, 229.32)

HWB

hwb(200, 5.9%, 91.8%)

Harmony colors

Complementary

#15110f

Analogous

#0f1514

#0f1315

#0f1015

Triadic

#0f1315

#150f13

#13150f

Split-complementary

#0f1315

#150f10

#15140f

Tetradic

#0f1315

#110f15

#15110f

#13150f

Square

#0f1315

#140f15

#15110f

#10150f

Shades

Color #0f1315 mixed toward black.

#0d1012

#0a0d0e

#080a0b

#050607

#030304

Tints

Color #0f1315 mixed toward white.

#303d43

#516671

#758f9c

#a3b4bd

#d1dade

Tones

Color #0f1315 mixed toward gray.

#101315

#101314

#111314

#111213

#121213

Accessibility

Aa White text on this color

18.68:1

Aa Black text on this color

1.12:1

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

Under color vision deficiencies

Protanopia

#111115 · ΔE 2.8

Deuteranopia

#111014 · ΔE 3.3

Tritanopia

#0f1414 · ΔE 1.6

Achromatopsia

#121212 · ΔE 2.2

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

Code

CSS

background-color: #0f1315;

Tailwind (arbitrary value)

bg-[#0f1315]

Related colors

Sky Blue #87ceeb

Light Sky Blue #87cefa

Charcoal #36454f

Deep Sky Blue #00bfff

Light Blue #add8e6

Steel Blue #4682b4

Frequently asked questions

#0f1315 (#0f1315) is rgb(15, 19, 21) in RGB.

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

Generate a palette → Check contrast