#958e89

Color #958e89

A nearly neutral, gray-leaning medium orange.

Closest named color Gray #808080 · ΔE 7.08 Nearest Tailwind class stone-400 #a6a09b · ΔE 5.7

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

Conversions

HEX

#958e89

RGB

rgb(149, 142, 137)

HSL

hsl(25, 5.4%, 56.1%)

HSV / HSB

hsv(25, 8.1%, 58.4%)

CMYK

cmyk(0%, 4.7%, 8.1%, 41.6%)

LAB

lab(59.47, 1.67, 3.58)

LCH

lch(59.47, 3.95, 64.99)

OKLCH

oklch(65.1%, 0.0112, 58.16)

HWB

hwb(25, 53.7%, 41.6%)

Harmony colors

Complementary

#899095

Analogous

#95898a

#958e89

#959489

Triadic

#958e89

#89958e

#8e8995

Split-complementary

#958e89

#899594

#898a95

Tetradic

#958e89

#909589

#899095

#8e8995

Square

#958e89

#8a9589

#899095

#948995

Shades

Color #958e89 mixed toward black.

#7e7671

#655f5a

#4b4744

#322f2d

#191817

Tints

Color #958e89 mixed toward white.

#a7a19d

#b8b4b0

#cac7c4

#dcd9d8

#edeceb

Tones

Color #958e89 mixed toward gray.

#948e8a

#938e8b

#928f8c

#918f8d

#908f8e

Accessibility

Aa White text on this color

3.23:1

Aa Black text on this color

6.51:1

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

Under color vision deficiencies

Protanopia

#92928a · ΔE 4.7

Deuteranopia

#92938b · ΔE 5.2

Tritanopia

#958b8b · ΔE 3.6

Achromatopsia

#8f8f8f · ΔE 4

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

Code

CSS

background-color: #958e89;

Tailwind (arbitrary value)

bg-[#958e89]

Related colors

Chocolate #d2691e

Saddle Brown #8b4513

Seashell #fff5ee

Sandy Brown #f4a460

Peach Puff #ffdab9

Peru #cd853f

Frequently asked questions

#958e89 (#958e89) is rgb(149, 142, 137) in RGB.

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

Generate a palette → Check contrast