#12242d

Color #12242d

A moderately saturated very dark blue.

Closest named color Charcoal #36454f · ΔE 15.32 Nearest Tailwind class mist-800 #22292b · ΔE 5.3

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

Conversions

HEX

#12242d

RGB

rgb(18, 36, 45)

HSL

hsl(200, 42.9%, 12.4%)

HSV / HSB

hsv(200, 60%, 17.6%)

CMYK

cmyk(60%, 20%, 0%, 82.4%)

LAB

lab(13.11, -4.26, -8.25)

LCH

lch(13.11, 9.28, 242.69)

OKLCH

oklch(24.9%, 0.0293, 231.37)

HWB

hwb(200, 7.1%, 82.4%)

Harmony colors

Complementary

#2d1b12

Analogous

#122d29

#12242d

#12172d

Triadic

#12242d

#2d1224

#242d12

Split-complementary

#12242d

#2d1217

#2d2912

Tetradic

#12242d

#1b122d

#2d1b12

#242d12

Square

#12242d

#29122d

#2d1b12

#172d12

Shades

Color #12242d mixed toward black.

#0f1e26

#0c181e

#091217

#060c0f

#030608

Tints

Color #12242d mixed toward white.

#274f62

#3d7998

#5f9fbf

#95bfd4

#cadfea

Tones

Color #12242d mixed toward gray.

#14232b

#172329

#192226

#1b2124

#1d2022

Accessibility

Aa White text on this color

15.96:1

Aa Black text on this color

1.32:1

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

Under color vision deficiencies

Protanopia

#1b1b2b · ΔE 11.8

Deuteranopia

#1a192b · ΔE 13.2

Tritanopia

#132929 · ΔE 7

Achromatopsia

#222222 · ΔE 8.4

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

Code

CSS

background-color: #12242d;

Tailwind (arbitrary value)

bg-[#12242d]

Related colors

Sky Blue #87ceeb

Light Sky Blue #87cefa

Charcoal #36454f

Deep Sky Blue #00bfff

Light Blue #add8e6

Steel Blue #4682b4

Frequently asked questions

#12242d (#12242d) is rgb(18, 36, 45) in RGB.

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

Generate a palette → Check contrast