#7de530

Color #7de530

A vivid, highly saturated medium green.

Closest named color Green Yellow #adff2f · ΔE 15 Nearest Tailwind class lime-400 #9ae600 · ΔE 4.7

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

Conversions

HEX

#7de530

RGB

rgb(125, 229, 48)

HSL

hsl(94.5, 77.7%, 54.3%)

HSV / HSB

hsv(94.5, 79%, 89.8%)

CMYK

cmyk(45.4%, 0%, 79%, 10.2%)

LAB

lab(82.17, -58.03, 71.94)

LCH

lch(82.17, 92.43, 128.89)

OKLCH

oklch(82.7%, 0.2271, 135.57)

HWB

hwb(94.5, 18.8%, 10.2%)

Harmony colors

Complementary

#9830e5

Analogous

#d7e530

#7de530

#30e53d

Triadic

#7de530

#307de5

#e5307d

Split-complementary

#7de530

#3d30e5

#e530d7

Tetradic

#7de530

#30e598

#9830e5

#e5307d

Square

#7de530

#30d7e5

#9830e5

#e53d30

Shades

Color #7de530 mixed toward black.

#66cd1a

#52a415

#3d7b0f

#29520a

#142905

Tints

Color #7de530 mixed toward white.

#93e952

#a8ee75

#bef297

#d4f6ba

#e9fbdc

Tones

Color #7de530 mixed toward gray.

#7fd63f

#81c74e

#84b85d

#86a96c

#889a7b

Accessibility

Aa White text on this color

1.6:1

Aa Black text on this color

13.12:1

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

Under color vision deficiencies

Protanopia

#b4b57f · ΔE 20.7

Deuteranopia

#aea58a · ΔE 27.9

Tritanopia

#85a1a7 · ΔE 36.8

Achromatopsia

#cccccc · ΔE 30

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

Code

CSS

background-color: #7de530;

Tailwind (arbitrary value)

bg-[#7de530]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#7de530 (#7de530) is rgb(125, 229, 48) in RGB.

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

Generate a palette → Check contrast