#3d2d03

Color #3d2d03

A vivid, highly saturated very dark orange.

Closest named color Dark Olive Green #556b2f · ΔE 31.52 Nearest Tailwind class yellow-950 #432004 · ΔE 11

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

Conversions

HEX

#3d2d03

RGB

rgb(61, 45, 3)

HSL

hsl(43.4, 90.6%, 12.5%)

HSV / HSB

hsv(43.4, 95.1%, 23.9%)

CMYK

cmyk(0%, 26.2%, 95.1%, 76.1%)

LAB

lab(19.54, 2.69, 26.69)

LCH

lch(19.54, 26.83, 84.24)

OKLCH

oklch(30.7%, 0.0601, 86.19)

HWB

hwb(43.4, 1.2%, 76.1%)

Harmony colors

Complementary

#03133d

Analogous

#3d1003

#3d2d03

#303d03

Triadic

#3d2d03

#033d2d

#2d033d

Split-complementary

#3d2d03

#03303d

#10033d

Tetradic

#3d2d03

#133d03

#03133d

#2d033d

Square

#3d2d03

#033d10

#03133d

#3d0330

Shades

Color #3d2d03 mixed toward black.

#332502

#291e02

#1e1601

#140f01

#0a0700

Tints

Color #3d2d03 mixed toward white.

#846106

#cb950a

#f5bd2a

#f8d371

#fce9b8

Tones

Color #3d2d03 mixed toward gray.

#382b08

#33280d

#2e2611

#2a2416

#25221b

Accessibility

Aa White text on this color

13.33:1

Aa Black text on this color

1.58:1

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

Under color vision deficiencies

Protanopia

#373714 · ΔE 8.7

Deuteranopia

#383917 · ΔE 9.4

Tritanopia

#3c1c1e · ΔE 21.4

Achromatopsia

#2f2f2f · ΔE 16.8

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

Code

CSS

background-color: #3d2d03;

Tailwind (arbitrary value)

bg-[#3d2d03]

Related colors

Goldenrod #daa520

Dark Goldenrod #b8860b

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Cornsilk #fff8dc

Frequently asked questions

#3d2d03 (#3d2d03) is rgb(61, 45, 3) in RGB.

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

Generate a palette → Check contrast