#55865a

Color #55865a

A muted medium green.

Closest named color Sea Green #2e8b57 · ΔE 13.56 Nearest Tailwind class emerald-600 #009966 · ΔE 9.5

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

Conversions

HEX

#55865a

RGB

rgb(85, 134, 90)

HSL

hsl(126.1, 22.4%, 42.9%)

HSV / HSB

hsv(126.1, 36.6%, 52.5%)

CMYK

cmyk(36.6%, 0%, 32.8%, 47.5%)

LAB

lab(51.52, -26.24, 18.61)

LCH

lch(51.52, 32.17, 144.65)

OKLCH

oklch(57.3%, 0.0855, 146.83)

HWB

hwb(126.1, 33.3%, 47.5%)

Harmony colors

Complementary

#865581

Analogous

#688655

#55865a

#558672

Triadic

#55865a

#5a5586

#865a55

Split-complementary

#55865a

#725586

#865568

Tetradic

#55865a

#558186

#865581

#865a55

Square

#55865a

#556886

#865581

#867255

Shades

Color #55865a mixed toward black.

#47704b

#39593c

#2a432d

#1c2d1e

#0e160f

Tints

Color #55865a mixed toward white.

#6aa170

#88b48d

#a6c7a9

#c4d9c6

#e1ece2

Tones

Color #55865a mixed toward gray.

#59825d

#5d7e60

#617a64

#657667

#69716a

Accessibility

Aa White text on this color

4.25:1

Aa Black text on this color

4.94:1

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

Under color vision deficiencies

Protanopia

#6e6e67 · ΔE 19.5

Deuteranopia

#6b676a · ΔE 27.7

Tritanopia

#587072 · ΔE 19

Achromatopsia

#7b7b7b · ΔE 21.3

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

Code

CSS

background-color: #55865a;

Tailwind (arbitrary value)

bg-[#55865a]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#55865a (#55865a) is rgb(85, 134, 90) in RGB.

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

Generate a palette → Check contrast