#626e63

Color #626e63

A nearly neutral, gray-leaning medium green.

Closest named color Dim Gray #696969 · ΔE 8.29 Nearest Tailwind class olive-600 #5b5b4b · ΔE 8.6

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

Conversions

HEX

#626e63

RGB

rgb(98, 110, 99)

HSL

hsl(125, 5.8%, 40.8%)

HSV / HSB

hsv(125, 10.9%, 43.1%)

CMYK

cmyk(10.9%, 0%, 10%, 56.9%)

LAB

lab(45.15, -6.86, 4.6)

LCH

lch(45.15, 8.26, 146.16)

OKLCH

oklch(52.5%, 0.0224, 147.59)

HWB

hwb(125, 38.4%, 56.9%)

Harmony colors

Complementary

#6e626d

Analogous

#676e62

#626e63

#626e69

Triadic

#626e63

#63626e

#6e6362

Split-complementary

#626e63

#69626e

#6e6267

Tetradic

#626e63

#626d6e

#6e626d

#6e6362

Square

#626e63

#62676e

#6e626d

#6e6962

Shades

Color #626e63 mixed toward black.

#525c53

#414942

#313732

#212521

#101211

Tints

Color #626e63 mixed toward white.

#7a887b

#95a095

#afb8b0

#cad0ca

#e4e7e5

Tones

Color #626e63 mixed toward gray.

#636d64

#646c65

#656b66

#666a66

#676967

Accessibility

Aa White text on this color

5.34:1

Aa Black text on this color

3.93:1

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

Under color vision deficiencies

Protanopia

#676866 · ΔE 7.7

Deuteranopia

#676666 · ΔE 9.8

Tritanopia

#636868 · ΔE 7.3

Achromatopsia

#6b6b6b · ΔE 9

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

Code

CSS

background-color: #626e63;

Tailwind (arbitrary value)

bg-[#626e63]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#626e63 (#626e63) is rgb(98, 110, 99) in RGB.

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

Generate a palette → Check contrast