#7d6632

Color #7d6632

A moderately saturated dark orange.

Closest named color Dark Olive Green #556b2f · ΔE 21.51 Nearest Tailwind class yellow-800 #894b00 · ΔE 13.7

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

Conversions

HEX

#7d6632

RGB

rgb(125, 102, 50)

HSL

hsl(41.6, 42.9%, 34.3%)

HSV / HSB

hsv(41.6, 60%, 49%)

CMYK

cmyk(0%, 18.4%, 60%, 51%)

LAB

lab(44.37, 2.5, 32.41)

LCH

lch(44.37, 32.51, 85.59)

OKLCH

oklch(52.1%, 0.076, 85.7)

HWB

hwb(41.6, 19.6%, 51%)

Harmony colors

Complementary

#32497d

Analogous

#7d4032

#7d6632

#6e7d32

Triadic

#7d6632

#327d66

#66327d

Split-complementary

#7d6632

#326e7d

#40327d

Tetradic

#7d6632

#497d32

#32497d

#66327d

Square

#7d6632

#327d40

#32497d

#7d326e

Shades

Color #7d6632 mixed toward black.

#68552a

#534421

#3e3319

#2a2211

#151108

Tints

Color #7d6632 mixed toward white.

#a58742

#bfa25f

#cfb987

#dfd0af

#efe8d7

Tones

Color #7d6632 mixed toward gray.

#776438

#70613e

#6a5f45

#645c4b

#5e5a51

Accessibility

Aa White text on this color

5.5:1

Aa Black text on this color

3.82:1

White text reads better on this background (5.5:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#747443 · ΔE 9.5

Deuteranopia

#757747 · ΔE 10.7

Tritanopia

#7c4e50 · ΔE 24.9

Achromatopsia

#696969 · ΔE 18.8

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

Code

CSS

background-color: #7d6632;

Tailwind (arbitrary value)

bg-[#7d6632]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#7d6632 (#7d6632) is rgb(125, 102, 50) in RGB.

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

Generate a palette → Check contrast