#4b312e

Color #4b312e

A muted dark red.

Closest named color Charcoal #36454f · ΔE 21.33 Nearest Tailwind class taupe-700 #473c39 · ΔE 7.5

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

Conversions

HEX

#4b312e

RGB

rgb(75, 49, 46)

HSL

hsl(6.2, 24%, 23.7%)

HSV / HSB

hsv(6.2, 38.7%, 29.4%)

CMYK

cmyk(0%, 34.7%, 38.7%, 70.6%)

LAB

lab(23.3, 11.38, 6.71)

LCH

lch(23.3, 13.21, 30.52)

OKLCH

oklch(34.3%, 0.0387, 26.57)

HWB

hwb(6.2, 18%, 70.6%)

Harmony colors

Complementary

#2e484b

Analogous

#4b2e39

#4b312e

#4b3f2e

Triadic

#4b312e

#2e4b31

#312e4b

Split-complementary

#4b312e

#2e4b3f

#2e394b

Tetradic

#4b312e

#484b2e

#2e484b

#312e4b

Square

#4b312e

#394b2e

#2e484b

#3f2e4b

Shades

Color #4b312e mixed toward black.

#3e2926

#32211f

#251817

#19100f

#0c0808

Tints

Color #4b312e mixed toward white.

#734b47

#9b655f

#b58b86

#ceb2af

#e6d8d7

Tones

Color #4b312e mixed toward gray.

#493330

#463533

#443735

#413938

#3f3b3a

Accessibility

Aa White text on this color

11.81:1

Aa Black text on this color

1.78:1

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

Under color vision deficiencies

Protanopia

#41412f · ΔE 19.4

Deuteranopia

#43442f · ΔE 21

Tritanopia

#4a2f2f · ΔE 1.7

Achromatopsia

#383838 · ΔE 13

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

Code

CSS

background-color: #4b312e;

Tailwind (arbitrary value)

bg-[#4b312e]

Related colors

Salmon #fa8072

Misty Rose #ffe4e1

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#4b312e (#4b312e) is rgb(75, 49, 46) in RGB.

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

Generate a palette → Check contrast