#526827

Color #526827

A moderately saturated dark green.

Closest named color Dark Olive Green #556b2f · ΔE 2.93 Nearest Tailwind class lime-800 #3c6300 · ΔE 5.5

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

Conversions

HEX

#526827

RGB

rgb(82, 104, 39)

HSL

hsl(80.3, 45.5%, 28%)

HSV / HSB

hsv(80.3, 62.5%, 40.8%)

CMYK

cmyk(21.2%, 0%, 62.5%, 59.2%)

LAB

lab(40.96, -19.36, 33.19)

LCH

lch(40.96, 38.42, 120.26)

OKLCH

oklch(48.4%, 0.0947, 125.5)

HWB

hwb(80.3, 15.3%, 59.2%)

Harmony colors

Complementary

#3d2768

Analogous

#685d27

#526827

#316827

Triadic

#526827

#275268

#682752

Split-complementary

#526827

#273168

#5d2768

Tetradic

#526827

#27683d

#3d2768

#682752

Square

#526827

#27685d

#3d2768

#682731

Shades

Color #526827 mixed toward black.

#445720

#37451a

#293413

#1b230d

#0e1106

Tints

Color #526827 mixed toward white.

#759438

#97bc4d

#b1cd79

#cbdea6

#e5eed2

Tones

Color #526827 mixed toward gray.

#50622c

#4e5d32

#4d5837

#4b523d

#494d42

Accessibility

Aa White text on this color

6.23:1

Aa Black text on this color

3.37:1

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

Under color vision deficiencies

Protanopia

#5c5d3e · ΔE 9.9

Deuteranopia

#5b5943 · ΔE 13.3

Tritanopia

#534c4e · ΔE 27.7

Achromatopsia

#616161 · ΔE 21.5

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

Code

CSS

background-color: #526827;

Tailwind (arbitrary value)

bg-[#526827]

Related colors

Yellow Green #9acd32

Olive Drab #6b8e23

Dark Olive Green #556b2f

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#526827 (#526827) is rgb(82, 104, 39) in RGB.

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

Generate a palette → Check contrast