#2d2f04

Color #2d2f04

A vivid, highly saturated very dark yellow.

Closest named color Dark Olive Green #556b2f · ΔE 27.19 Nearest Tailwind class lime-950 #192e03 · ΔE 7.5

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

Conversions

HEX

#2d2f04

RGB

rgb(45, 47, 4)

HSL

hsl(62.8, 84.3%, 10%)

HSV / HSB

hsv(62.8, 91.5%, 18.4%)

CMYK

cmyk(4.3%, 0%, 91.5%, 81.6%)

LAB

lab(18.36, -7.36, 24.44)

LCH

lch(18.36, 25.52, 106.76)

OKLCH

oklch(29.4%, 0.0609, 112.27)

HWB

hwb(62.8, 1.6%, 81.6%)

Harmony colors

Complementary

#06042f

Analogous

#2f1c04

#2d2f04

#172f04

Triadic

#2d2f04

#042d2f

#2f042d

Split-complementary

#2d2f04

#04172f

#1c042f

Tetradic

#2d2f04

#042f06

#06042f

#2f042d

Square

#2d2f04

#042f1c

#06042f

#2f0417

Shades

Color #2d2f04 mixed toward black.

#252703

#1e1f03

#161702

#0f1001

#070801

Tints

Color #2d2f04 mixed toward white.

#70750a

#b4bc10

#e4ed2c

#edf372

#f6f9b9

Tones

Color #2d2f04 mixed toward gray.

#2a2b08

#26280b

#23240f

#202112

#1d1d16

Accessibility

Aa White text on this color

13.82:1

Aa Black text on this color

1.52:1

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

Under color vision deficiencies

Protanopia

#2e2e16 · ΔE 5

Deuteranopia

#2e2e18 · ΔE 5.7

Tritanopia

#2d1e20 · ΔE 24.6

Achromatopsia

#2d2d2d · ΔE 16.7

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

Code

CSS

background-color: #2d2f04;

Tailwind (arbitrary value)

bg-[#2d2f04]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#2d2f04 (#2d2f04) is rgb(45, 47, 4) in RGB.

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

Generate a palette → Check contrast