#645947

Color #645947

A muted dark orange.

Closest named color Dim Gray #696969 · ΔE 13.55 Nearest Tailwind class olive-600 #5b5b4b · ΔE 6.3

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

Conversions

HEX

#645947

RGB

rgb(100, 89, 71)

HSL

hsl(37.2, 17%, 33.5%)

HSV / HSB

hsv(37.2, 29%, 39.2%)

CMYK

cmyk(0%, 11%, 29%, 60.8%)

LAB

lab(38.39, 1.32, 12.07)

LCH

lch(38.39, 12.14, 83.76)

OKLCH

oklch(46.9%, 0.0312, 80.02)

HWB

hwb(37.2, 27.8%, 60.8%)

Harmony colors

Complementary

#475264

Analogous

#644a47

#645947

#606447

Triadic

#645947

#476459

#594764

Split-complementary

#645947

#476064

#4a4764

Tetradic

#645947

#526447

#475264

#594764

Square

#645947

#47644a

#475264

#644760

Shades

Color #645947 mixed toward black.

#534a3b

#433b2f

#322c23

#211e18

#110f0c

Tints

Color #645947 mixed toward white.

#85765e

#a1937b

#b9ae9c

#d0c9bd

#e8e4de

Tones

Color #645947 mixed toward gray.

#625849

#5f584c

#5d574e

#5a5751

#585653

Accessibility

Aa White text on this color

6.86:1

Aa Black text on this color

3.06:1

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

Under color vision deficiencies

Protanopia

#5f5f4c · ΔE 6.6

Deuteranopia

#60614d · ΔE 7.4

Tritanopia

#634f50 · ΔE 12.9

Achromatopsia

#5a5a5a · ΔE 9.6

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

Code

CSS

background-color: #645947;

Tailwind (arbitrary value)

bg-[#645947]

Related colors

Papaya Whip #ffefd5

Moccasin #ffe4b5

Blanched Almond #ffebcd

Navajo White #ffdead

Orange #ffa500

Old Lace #fdf5e6

Frequently asked questions

#645947 (#645947) is rgb(100, 89, 71) in RGB.

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

Generate a palette → Check contrast