#615950

Color #615950

A nearly neutral, gray-leaning dark orange.

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

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

Conversions

HEX

#615950

RGB

rgb(97, 89, 80)

HSL

hsl(31.8, 9.6%, 34.7%)

HSV / HSB

hsv(31.8, 17.5%, 38%)

CMYK

cmyk(0%, 8.2%, 17.5%, 62%)

LAB

lab(38.31, 1.53, 6.38)

LCH

lch(38.31, 6.56, 76.51)

OKLCH

oklch(46.9%, 0.0176, 70.74)

HWB

hwb(31.8, 31.4%, 62%)

Harmony colors

Complementary

#505861

Analogous

#615150

#615950

#606150

Triadic

#615950

#506159

#595061

Split-complementary

#615950

#506061

#515061

Tetradic

#615950

#586150

#505861

#595061

Square

#615950

#506151

#505861

#615060

Shades

Color #615950 mixed toward black.

#514a43

#413b35

#302c28

#201e1b

#100f0d

Tints

Color #615950 mixed toward white.

#7f7569

#9b9185

#b4aca4

#cdc8c2

#e6e3e1

Tones

Color #615950 mixed toward gray.

#605951

#5e5953

#5d5954

#5b5956

#5a5957

Accessibility

Aa White text on this color

6.88:1

Aa Black text on this color

3.05:1

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

Under color vision deficiencies

Protanopia

#5e5e52 · ΔE 5.6

Deuteranopia

#5e5f53 · ΔE 6.1

Tritanopia

#615454 · ΔE 6.7

Achromatopsia

#5a5a5a · ΔE 5.9

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

Code

CSS

background-color: #615950;

Tailwind (arbitrary value)

bg-[#615950]

Related colors

Bisque #ffe4c4

Dark Orange #ff8c00

Linen #faf0e6

Burlywood #deb887

Peru #cd853f

Antique White #faebd7

Frequently asked questions

#615950 (#615950) is rgb(97, 89, 80) in RGB.

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

Generate a palette → Check contrast