#616143

Color #616143

A muted dark yellow.

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

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

Conversions

HEX

#616143

RGB

rgb(97, 97, 67)

HSL

hsl(60, 18.3%, 32.2%)

HSV / HSB

hsv(60, 30.9%, 38%)

CMYK

cmyk(0%, 0%, 30.9%, 62%)

LAB

lab(40.4, -5.38, 17.17)

LCH

lch(40.4, 17.99, 107.4)

OKLCH

oklch(48.4%, 0.0451, 107.95)

HWB

hwb(60, 26.3%, 62%)

Harmony colors

Complementary

#434361

Analogous

#615243

#616143

#526143

Triadic

#616143

#436161

#614361

Split-complementary

#616143

#435261

#524361

Tetradic

#616143

#436143

#434361

#614361

Square

#616143

#436152

#434361

#614352

Shades

Color #616143 mixed toward black.

#515138

#41412d

#313122

#202016

#10100b

Tints

Color #616143 mixed toward white.

#83835b

#a1a177

#b8b899

#d0d0bb

#e7e7dd

Tones

Color #616143 mixed toward gray.

#5f5f46

#5c5c48

#5a5a4b

#57574d

#555550

Accessibility

Aa White text on this color

6.37:1

Aa Black text on this color

3.3:1

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

Under color vision deficiencies

Protanopia

#61614c · ΔE 3.2

Deuteranopia

#61614d · ΔE 3.6

Tritanopia

#615253 · ΔE 19.8

Achromatopsia

#5f5f5f · ΔE 13.3

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

Code

CSS

background-color: #616143;

Tailwind (arbitrary value)

bg-[#616143]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#616143 (#616143) is rgb(97, 97, 67) in RGB.

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

Generate a palette → Check contrast