#65553e

Color #65553e

A muted dark orange.

Closest named color Dim Gray #696969 · ΔE 17.7 Nearest Tailwind class stone-600 #57534d · ΔE 8.6

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

Conversions

HEX

#65553e

RGB

rgb(101, 85, 62)

HSL

hsl(35.4, 23.9%, 32%)

HSV / HSB

hsv(35.4, 38.6%, 39.6%)

CMYK

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

LAB

lab(37.14, 2.88, 15.88)

LCH

lch(37.14, 16.14, 79.72)

OKLCH

oklch(45.9%, 0.0408, 76.41)

HWB

hwb(35.4, 24.3%, 60.4%)

Harmony colors

Complementary

#3e4e65

Analogous

#65423e

#65553e

#62653e

Triadic

#65553e

#3e6555

#553e65

Split-complementary

#65553e

#3e6265

#423e65

Tetradic

#65553e

#4e653e

#3e4e65

#553e65

Square

#65553e

#3e6542

#3e4e65

#653e62

Shades

Color #65553e mixed toward black.

#544734

#433929

#332b1f

#221c15

#110e0a

Tints

Color #65553e mixed toward white.

#897354

#a79070

#bdac94

#d3c8b7

#e9e3db

Tones

Color #65553e mixed toward gray.

#625541

#5f5445

#5b5348

#58534b

#55524e

Accessibility

Aa White text on this color

7.19:1

Aa Black text on this color

2.92:1

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

Under color vision deficiencies

Protanopia

#5e5e44 · ΔE 9.4

Deuteranopia

#5f6146 · ΔE 10.7

Tritanopia

#64494a · ΔE 15

Achromatopsia

#575757 · ΔE 12

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

Code

CSS

background-color: #65553e;

Tailwind (arbitrary value)

bg-[#65553e]

Related colors

Navajo White #ffdead

Blanched Almond #ffebcd

Antique White #faebd7

Tan #d2b48c

Burlywood #deb887

Papaya Whip #ffefd5

Frequently asked questions

#65553e (#65553e) is rgb(101, 85, 62) in RGB.

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

Generate a palette → Check contrast