#4d500d

Color #4d500d

A vivid, highly saturated very dark yellow.

Closest named color Dark Olive Green #556b2f · ΔE 13.98 Nearest Tailwind class lime-900 #35530e · ΔE 8

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

Conversions

HEX

#4d500d

RGB

rgb(77, 80, 13)

HSL

hsl(62.7, 72%, 18.2%)

HSV / HSB

hsv(62.7, 83.8%, 31.4%)

CMYK

cmyk(3.7%, 0%, 83.7%, 68.6%)

LAB

lab(32.58, -10.28, 36)

LCH

lch(32.58, 37.44, 105.94)

OKLCH

oklch(41.5%, 0.085, 112.25)

HWB

hwb(62.7, 5.1%, 68.6%)

Harmony colors

Complementary

#100d50

Analogous

#50310d

#4d500d

#2b500d

Triadic

#4d500d

#0d4d50

#500d4d

Split-complementary

#4d500d

#0d2b50

#310d50

Tetradic

#4d500d

#0d5010

#100d50

#500d4d

Square

#4d500d

#0d5031

#100d50

#500d2b

Shades

Color #4d500d mixed toward black.

#40430b

#333509

#262806

#1a1b04

#0d0d02

Tints

Color #4d500d mixed toward white.

#868c17

#c0c720

#dbe24c

#e7ec87

#f3f5c3

Tones

Color #4d500d mixed toward gray.

#484a13

#434518

#3e3f1e

#393a23

#333429

Accessibility

Aa White text on this color

8.51:1

Aa Black text on this color

2.47:1

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

Under color vision deficiencies

Protanopia

#4e4e29 · ΔE 6.3

Deuteranopia

#4e4e2e · ΔE 7.7

Tritanopia

#4d3638 · ΔE 29.5

Achromatopsia

#4d4d4d · ΔE 20.6

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

Code

CSS

background-color: #4d500d;

Tailwind (arbitrary value)

bg-[#4d500d]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#4d500d (#4d500d) is rgb(77, 80, 13) in RGB.

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

Generate a palette → Check contrast