#1c1302

Color #1c1302

A vivid, highly saturated very dark orange.

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

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

Conversions

HEX

#1c1302

RGB

rgb(28, 19, 2)

HSL

hsl(39.2, 86.7%, 5.9%)

HSV / HSB

hsv(39.2, 92.9%, 11%)

CMYK

cmyk(0%, 32.1%, 92.9%, 89%)

LAB

lab(6.48, 1.69, 8.91)

LCH

lch(6.48, 9.07, 79.26)

OKLCH

oklch(19.4%, 0.0352, 83.97)

HWB

hwb(39.2, 0.8%, 89%)

Harmony colors

Complementary

#020b1c

Analogous

#1c0602

#1c1302

#181c02

Triadic

#1c1302

#021c13

#13021c

Split-complementary

#1c1302

#02181c

#06021c

Tetradic

#1c1302

#0b1c02

#020b1c

#13021c

Square

#1c1302

#021c06

#020b1c

#1c0218

Shades

Color #1c1302 mixed toward black.

#171002

#130d01

#0e0a01

#090601

#050300

Tints

Color #1c1302 mixed toward white.

#674607

#b1780d

#efa71f

#f4c46a

#fae2b4

Tones

Color #1c1302 mixed toward gray.

#1a1204

#181206

#161109

#13100b

#11100d

Accessibility

Aa White text on this color

18.37:1

Aa Black text on this color

1.14:1

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

Under color vision deficiencies

Protanopia

#181807 · ΔE 6.7

Deuteranopia

#191a08 · ΔE 7.7

Tritanopia

#1c0a0b · ΔE 9.9

Achromatopsia

#141414 · ΔE 7.7

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

Code

CSS

background-color: #1c1302;

Tailwind (arbitrary value)

bg-[#1c1302]

Related colors

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Floral White #fffaf0

Moccasin #ffe4b5

Papaya Whip #ffefd5

Frequently asked questions

#1c1302 (#1c1302) is rgb(28, 19, 2) in RGB.

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

Generate a palette → Check contrast