#51422b

Color #51422b

A muted dark orange.

Closest named color Dim Gray #696969 · ΔE 22.72 Nearest Tailwind class olive-700 #474739 · ΔE 9

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

Conversions

HEX

#51422b

RGB

rgb(81, 66, 43)

HSL

hsl(36.3, 30.6%, 24.3%)

HSV / HSB

hsv(36.3, 46.9%, 31.8%)

CMYK

cmyk(0%, 18.5%, 46.9%, 68.2%)

LAB

lab(28.95, 2.83, 16.41)

LCH

lch(28.95, 16.65, 80.22)

OKLCH

oklch(38.9%, 0.0413, 77.71)

HWB

hwb(36.3, 16.9%, 68.2%)

Harmony colors

Complementary

#2b3a51

Analogous

#512f2b

#51422b

#4d512b

Triadic

#51422b

#2b5142

#422b51

Split-complementary

#51422b

#2b4d51

#2f2b51

Tetradic

#51422b

#3a512b

#2b3a51

#422b51

Square

#51422b

#2b512f

#2b3a51

#512b4d

Shades

Color #51422b mixed toward black.

#433724

#362c1d

#282116

#1b160e

#0d0b07

Tints

Color #51422b mixed toward white.

#7b6441

#a58658

#bca581

#d2c3ab

#e9e1d5

Tones

Color #51422b mixed toward gray.

#4e412e

#4b4131

#474034

#443f38

#413f3b

Accessibility

Aa White text on this color

9.7:1

Aa Black text on this color

2.16:1

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

Under color vision deficiencies

Protanopia

#4b4b32 · ΔE 9.2

Deuteranopia

#4c4d33 · ΔE 9.9

Tritanopia

#503637 · ΔE 15.4

Achromatopsia

#444444 · ΔE 12.3

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

Code

CSS

background-color: #51422b;

Tailwind (arbitrary value)

bg-[#51422b]

Related colors

Blanched Almond #ffebcd

Navajo White #ffdead

Papaya Whip #ffefd5

Moccasin #ffe4b5

Antique White #faebd7

Tan #d2b48c

Frequently asked questions

#51422b (#51422b) is rgb(81, 66, 43) in RGB.

No, #51422b is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #51422b, or check how it holds up for accessibility.

Generate a palette → Check contrast