#7c635a

Color #7c635a

A muted medium orange.

Closest named color Dim Gray #696969 · ΔE 12.4 Nearest Tailwind class taupe-500 #7c6d67 · ΔE 5.2

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

Conversions

HEX

#7c635a

RGB

rgb(124, 99, 90)

HSL

hsl(15.9, 15.9%, 42%)

HSV / HSB

hsv(15.9, 27.4%, 48.6%)

CMYK

cmyk(0%, 20.2%, 27.4%, 51.4%)

LAB

lab(44.16, 8.6, 8.93)

LCH

lch(44.16, 12.4, 46.08)

OKLCH

oklch(52.2%, 0.0354, 40.76)

HWB

hwb(15.9, 35.3%, 51.4%)

Harmony colors

Complementary

#5a737c

Analogous

#7c5a62

#7c635a

#7c745a

Triadic

#7c635a

#5a7c63

#635a7c

Split-complementary

#7c635a

#5a7c74

#5a627c

Tetradic

#7c635a

#737c5a

#5a737c

#635a7c

Square

#7c635a

#627c5a

#5a737c

#745a7c

Shades

Color #7c635a mixed toward black.

#67534b

#53423c

#3e322d

#29211e

#15110f

Tints

Color #7c635a mixed toward white.

#977b70

#ac958d

#c1b0a9

#d6cac6

#eae5e2

Tones

Color #7c635a mixed toward gray.

#79645d

#766660

#746763

#716865

#6e6a68

Accessibility

Aa White text on this color

5.54:1

Aa Black text on this color

3.79:1

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

Under color vision deficiencies

Protanopia

#72725c · ΔE 16.9

Deuteranopia

#73755d · ΔE 18.5

Tritanopia

#7b5e5e · ΔE 5.2

Achromatopsia

#686868 · ΔE 11.6

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

Code

CSS

background-color: #7c635a;

Tailwind (arbitrary value)

bg-[#7c635a]

Related colors

Coral #ff7f50

Orange Red #ff4500

Dark Salmon #e9967a

Light Salmon #ffa07a

Sienna #a0522d

Tomato #ff6347

Frequently asked questions

#7c635a (#7c635a) is rgb(124, 99, 90) in RGB.

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

Generate a palette → Check contrast