#65554d

Color #65554d

A nearly neutral, gray-leaning dark orange.

Closest named color Dim Gray #696969 · ΔE 11.19 Nearest Tailwind class taupe-600 #5b4f4b · ΔE 3.4

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

Conversions

HEX

#65554d

RGB

rgb(101, 85, 77)

HSL

hsl(20, 13.5%, 34.9%)

HSV / HSB

hsv(20, 23.8%, 39.6%)

CMYK

cmyk(0%, 15.8%, 23.8%, 60.4%)

LAB

lab(37.48, 5.17, 7.11)

LCH

lch(37.48, 8.79, 53.98)

OKLCH

oklch(46.3%, 0.0248, 48.27)

HWB

hwb(20, 30.2%, 60.4%)

Harmony colors

Complementary

#4d5d65

Analogous

#654d51

#65554d

#65614d

Triadic

#65554d

#4d6555

#554d65

Split-complementary

#65554d

#4d6561

#4d5165

Tetradic

#65554d

#5d654d

#4d5d65

#554d65

Square

#65554d

#51654d

#4d5d65

#614d65

Shades

Color #65554d mixed toward black.

#544740

#433933

#332a26

#221c1a

#110e0d

Tints

Color #65554d mixed toward white.

#846f65

#9f8b81

#b7a8a1

#cfc5c0

#e7e2e0

Tones

Color #65554d mixed toward gray.

#63564f

#615651

#5f5753

#5d5855

#5b5857

Accessibility

Aa White text on this color

7.09:1

Aa Black text on this color

2.96:1

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

Under color vision deficiencies

Protanopia

#5e5e4f · ΔE 11.3

Deuteranopia

#5f6150 · ΔE 13

Tritanopia

#645151 · ΔE 5.1

Achromatopsia

#585858 · ΔE 8.5

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

Code

CSS

background-color: #65554d;

Tailwind (arbitrary value)

bg-[#65554d]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Seashell #fff5ee

Dark Salmon #e9967a

Frequently asked questions

#65554d (#65554d) is rgb(101, 85, 77) in RGB.

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

Generate a palette → Check contrast