#1d1202

Color #1d1202

A vivid, highly saturated very dark orange.

Closest named color Black #000000 · ΔE 11.11 Nearest Tailwind class taupe-900 #1d1816 · ΔE 5.4

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

Conversions

HEX

#1d1202

RGB

rgb(29, 18, 2)

HSL

hsl(35.6, 87.1%, 6.1%)

HSV / HSB

hsv(35.6, 93.1%, 11.4%)

CMYK

cmyk(0%, 37.9%, 93.1%, 88.6%)

LAB

lab(6.31, 2.88, 8.68)

LCH

lch(6.31, 9.15, 71.64)

OKLCH

oklch(19.2%, 0.0354, 77.77)

HWB

hwb(35.6, 0.8%, 88.6%)

Harmony colors

Complementary

#020d1d

Analogous

#1d0502

#1d1202

#1b1d02

Triadic

#1d1202

#021d12

#12021d

Split-complementary

#1d1202

#021b1d

#05021d

Tetradic

#1d1202

#0d1d02

#020d1d

#12021d

Square

#1d1202

#021d05

#020d1d

#1d021b

Shades

Color #1d1202 mixed toward black.

#180f02

#130c01

#0f0901

#0a0601

#050300

Tints

Color #1d1202 mixed toward white.

#684007

#b26f0c

#f09b1f

#f5bc6a

#fadeb4

Tones

Color #1d1202 mixed toward gray.

#1b1204

#191107

#161109

#14100b

#12100d

Accessibility

Aa White text on this color

18.43:1

Aa Black text on this color

1.14:1

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

Under color vision deficiencies

Protanopia

#191906 · ΔE 8.8

Deuteranopia

#191a07 · ΔE 9.6

Tritanopia

#1d0a0b · ΔE 8.8

Achromatopsia

#141414 · ΔE 8

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

Code

CSS

background-color: #1d1202;

Tailwind (arbitrary value)

bg-[#1d1202]

Related colors

Navajo White #ffdead

Blanched Almond #ffebcd

Antique White #faebd7

Tan #d2b48c

Papaya Whip #ffefd5

Burlywood #deb887

Frequently asked questions

#1d1202 (#1d1202) is rgb(29, 18, 2) in RGB.

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

Generate a palette → Check contrast