#131c1f

Color #131c1f

A muted very dark cyan.

Closest named color Black #000000 · ΔE 10.6 Nearest Tailwind class mist-900 #161b1d · ΔE 2

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

Conversions

HEX

#131c1f

RGB

rgb(19, 28, 31)

HSL

hsl(195, 24%, 9.8%)

HSV / HSB

hsv(195, 38.7%, 12.2%)

CMYK

cmyk(38.7%, 9.7%, 0%, 87.8%)

LAB

lab(9.54, -3.12, -3.4)

LCH

lch(9.54, 4.61, 227.46)

OKLCH

oklch(21.9%, 0.0143, 220.47)

HWB

hwb(195, 7.5%, 87.8%)

Harmony colors

Complementary

#1f1613

Analogous

#131f1c

#131c1f

#13161f

Triadic

#131c1f

#1f131c

#1c1f13

Split-complementary

#131c1f

#1f1316

#1f1c13

Tetradic

#131c1f

#16131f

#1f1613

#1c1f13

Square

#131c1f

#1c131f

#1f1613

#161f13

Shades

Color #131c1f mixed toward black.

#10171a

#0d1315

#090e0f

#06090a

#030505

Tints

Color #131c1f mixed toward white.

#30474f

#4d727e

#709aa8

#a0bcc5

#cfdde2

Tones

Color #131c1f mixed toward gray.

#141b1e

#151b1d

#161a1c

#171a1b

#18191a

Accessibility

Aa White text on this color

17.3:1

Aa Black text on this color

1.21:1

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

Under color vision deficiencies

Protanopia

#17171e · ΔE 7.2

Deuteranopia

#17161e · ΔE 8.3

Tritanopia

#141e1e · ΔE 2.5

Achromatopsia

#1b1b1b · ΔE 5.1

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

Code

CSS

background-color: #131c1f;

Tailwind (arbitrary value)

bg-[#131c1f]

Related colors

Deep Sky Blue #00bfff

Light Blue #add8e6

Sky Blue #87ceeb

Light Sky Blue #87cefa

Powder Blue #b0e0e6

Charcoal #36454f

Frequently asked questions

#131c1f (#131c1f) is rgb(19, 28, 31) in RGB.

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

Generate a palette → Check contrast