#525a54

Color #525a54

A nearly neutral, gray-leaning dark green.

Closest named color Dim Gray #696969 · ΔE 8.66 Nearest Tailwind class mist-600 #4b585b · ΔE 5.4

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

Conversions

HEX

#525a54

RGB

rgb(82, 90, 84)

HSL

hsl(135, 4.7%, 33.7%)

HSV / HSB

hsv(135, 8.9%, 35.3%)

CMYK

cmyk(8.9%, 0%, 6.7%, 64.7%)

LAB

lab(37.38, -4.45, 2.39)

LCH

lch(37.38, 5.05, 151.76)

OKLCH

oklch(45.9%, 0.0139, 153.43)

HWB

hwb(135, 32.2%, 64.7%)

Harmony colors

Complementary

#5a5258

Analogous

#545a52

#525a54

#525a58

Triadic

#525a54

#54525a

#5a5452

Split-complementary

#525a54

#58525a

#5a5254

Tetradic

#525a54

#52585a

#5a5258

#5a5452

Square

#525a54

#52545a

#5a5258

#5a5852

Shades

Color #525a54 mixed toward black.

#444b46

#373c38

#292d2a

#1b1e1c

#0e0f0e

Tints

Color #525a54 mixed toward white.

#6d776f

#89948c

#a6aea8

#c4c9c5

#e1e4e2

Tones

Color #525a54 mixed toward gray.

#535954

#535955

#545855

#555755

#555756

Accessibility

Aa White text on this color

7.12:1

Aa Black text on this color

2.95:1

White text reads better on this background (7.12:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#565655 · ΔE 5.7

Deuteranopia

#555456 · ΔE 7.7

Tritanopia

#525757 · ΔE 4.2

Achromatopsia

#585858 · ΔE 6.1

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

Code

CSS

background-color: #525a54;

Tailwind (arbitrary value)

bg-[#525a54]

Related colors

Sea Green #2e8b57

Medium Sea Green #3cb371

Spring Green #00ff7f

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Frequently asked questions

#525a54 (#525a54) is rgb(82, 90, 84) in RGB.

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

Generate a palette → Check contrast