#4f2b20

Color #4f2b20

A moderately saturated dark red.

Closest named color Charcoal #36454f · ΔE 29.75 Nearest Tailwind class amber-950 #461901 · ΔE 6.6

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

Conversions

HEX

#4f2b20

RGB

rgb(79, 43, 32)

HSL

hsl(14, 42.3%, 21.8%)

HSV / HSB

hsv(14, 59.5%, 31%)

CMYK

cmyk(0%, 45.6%, 59.5%, 69%)

LAB

lab(21.93, 15.37, 14.33)

LCH

lch(21.93, 21.01, 42.99)

OKLCH

oklch(33.3%, 0.057, 37.73)

HWB

hwb(14, 12.5%, 69%)

Harmony colors

Complementary

#20444f

Analogous

#4f202d

#4f2b20

#4f4320

Triadic

#4f2b20

#204f2b

#2b204f

Split-complementary

#4f2b20

#204f43

#202d4f

Tetradic

#4f2b20

#444f20

#20444f

#2b204f

Square

#4f2b20

#2d4f20

#20444f

#43204f

Shades

Color #4f2b20 mixed toward black.

#42241b

#351d15

#281610

#1a0e0b

#0d0705

Tints

Color #4f2b20 mixed toward white.

#7e4533

#ae5f46

#c58571

#d9aea0

#ecd6d0

Tones

Color #4f2b20 mixed toward gray.

#4b2d24

#472f28

#43312c

#3f3330

#3c3534

Accessibility

Aa White text on this color

12.36:1

Aa Black text on this color

1.7:1

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

Under color vision deficiencies

Protanopia

#424223 · ΔE 22.9

Deuteranopia

#444624 · ΔE 24.2

Tritanopia

#4e2526 · ΔE 6.1

Achromatopsia

#343434 · ΔE 16.7

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

Code

CSS

background-color: #4f2b20;

Tailwind (arbitrary value)

bg-[#4f2b20]

Related colors

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Tomato #ff6347

Sienna #a0522d

Frequently asked questions

#4f2b20 (#4f2b20) is rgb(79, 43, 32) in RGB.

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

Generate a palette → Check contrast