#7edd8b

Color #7edd8b

A moderately saturated light green.

Closest named color Light Green #90ee90 · ΔE 7.92 Nearest Tailwind class green-300 #7bf1a8 · ΔE 5.5

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

Conversions

HEX

#7edd8b

RGB

rgb(126, 221, 139)

HSL

hsl(128.2, 58.3%, 68%)

HSV / HSB

hsv(128.2, 43%, 86.7%)

CMYK

cmyk(43%, 0%, 37.1%, 13.3%)

LAB

lab(80.74, -45.08, 31.71)

LCH

lch(80.74, 55.12, 144.88)

OKLCH

oklch(81.8%, 0.1458, 147.2)

HWB

hwb(128.2, 49.4%, 13.3%)

Harmony colors

Complementary

#dd7ed0

Analogous

#a0dd7e

#7edd8b

#7eddba

Triadic

#7edd8b

#8b7edd

#dd8b7e

Split-complementary

#7edd8b

#ba7edd

#dd7ea0

Tetradic

#7edd8b

#7ed0dd

#dd7ed0

#dd8b7e

Square

#7edd8b

#7ea0dd

#dd7ed0

#ddba7e

Shades

Color #7edd8b mixed toward black.

#50d162

#30b743

#248932

#185b21

#0c2e11

Tints

Color #7edd8b mixed toward white.

#93e39e

#a9e8b2

#beeec5

#d4f4d8

#e9f9ec

Tones

Color #7edd8b mixed toward gray.

#86d591

#8ecd96

#96c59c

#9ebda2

#a5b5a8

Accessibility

Aa White text on this color

1.67:1

Aa Black text on this color

12.6:1

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

Under color vision deficiencies

Protanopia

#afb0a4 · ΔE 22.8

Deuteranopia

#aaa2a9 · ΔE 35.7

Tritanopia

#85b5b8 · ΔE 25.2

Achromatopsia

#c8c8c8 · ΔE 25.3

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

Code

CSS

background-color: #7edd8b;

Tailwind (arbitrary value)

bg-[#7edd8b]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#7edd8b (#7edd8b) is rgb(126, 221, 139) in RGB.

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

Generate a palette → Check contrast