#6ac42d

Color #6ac42d

A moderately saturated medium green.

Closest named color Yellow Green #9acd32 · ΔE 14.95 Nearest Tailwind class lime-500 #7ccf00 · ΔE 4.6

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

Conversions

HEX

#6ac42d

RGB

rgb(106, 196, 45)

HSL

hsl(95.8, 62.7%, 47.3%)

HSV / HSB

hsv(95.8, 77%, 76.9%)

CMYK

cmyk(45.9%, 0%, 77%, 23.1%)

LAB

lab(71.37, -51.38, 62.4)

LCH

lch(71.37, 80.83, 129.47)

OKLCH

oklch(73.6%, 0.1996, 135.89)

HWB

hwb(95.8, 17.6%, 23.1%)

Harmony colors

Complementary

#872dc4

Analogous

#b6c42d

#6ac42d

#2dc43c

Triadic

#6ac42d

#2d6ac4

#c42d6a

Split-complementary

#6ac42d

#3c2dc4

#c42db6

Tetradic

#6ac42d

#2dc487

#872dc4

#c42d6a

Square

#6ac42d

#2db6c4

#872dc4

#c43c2d

Shades

Color #6ac42d mixed toward black.

#58a425

#47831e

#356216

#23410f

#122107

Tints

Color #6ac42d mixed toward white.

#81d549

#9bde6d

#b4e692

#cdeeb6

#e6f7db

Tones

Color #6ac42d mixed toward gray.

#6cb83a

#6fab46

#719e53

#74925f

#76856c

Accessibility

Aa White text on this color

2.2:1

Aa Black text on this color

9.55:1

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

Under color vision deficiencies

Protanopia

#999a6d · ΔE 20.1

Deuteranopia

#948d77 · ΔE 26.8

Tritanopia

#718a8f · ΔE 34.8

Achromatopsia

#afafaf · ΔE 28.7

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

Code

CSS

background-color: #6ac42d;

Tailwind (arbitrary value)

bg-[#6ac42d]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#6ac42d (#6ac42d) is rgb(106, 196, 45) in RGB.

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

Generate a palette → Check contrast