#809683

Color #809683

A nearly neutral, gray-leaning medium green.

Closest named color Gray #808080 · ΔE 15.2 Nearest Tailwind class olive-500 #7c7c67 · ΔE 11.8

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

Conversions

HEX

#809683

RGB

rgb(128, 150, 131)

HSL

hsl(128.2, 9.5%, 54.5%)

HSV / HSB

hsv(128.2, 14.7%, 58.8%)

CMYK

cmyk(14.7%, 0%, 12.7%, 41.2%)

LAB

lab(59.92, -11.65, 7.43)

LCH

lch(59.92, 13.82, 147.47)

OKLCH

oklch(65%, 0.0375, 148.98)

HWB

hwb(128.2, 50.2%, 41.2%)

Harmony colors

Complementary

#968093

Analogous

#889680

#809683

#80968e

Triadic

#809683

#838096

#968380

Split-complementary

#809683

#8e8096

#968088

Tetradic

#809683

#809396

#968093

#968380

Square

#809683

#808896

#968093

#968e80

Shades

Color #809683 mixed toward black.

#697f6c

#546556

#3f4c41

#2a332b

#151916

Tints

Color #809683 mixed toward white.

#95a798

#aab9ac

#bfcac1

#d5dcd6

#eaedea

Tones

Color #809683 mixed toward gray.

#829484

#849286

#859087

#878f88

#898d8a

Accessibility

Aa White text on this color

3.18:1

Aa Black text on this color

6.61:1

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

Under color vision deficiencies

Protanopia

#8a8a88 · ΔE 12.7

Deuteranopia

#898789 · ΔE 15.5

Tritanopia

#818c8c · ΔE 10.2

Achromatopsia

#909090 · ΔE 13.3

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

Code

CSS

background-color: #809683;

Tailwind (arbitrary value)

bg-[#809683]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#809683 (#809683) is rgb(128, 150, 131) in RGB.

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

Generate a palette → Check contrast