#65d31a

Color #65d31a

A vivid, highly saturated medium green.

Closest named color Lime Green #32cd32 · ΔE 12.75 Nearest Tailwind class lime-500 #7ccf00 · ΔE 3.2

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

Conversions

HEX

#65d31a

RGB

rgb(101, 211, 26)

HSL

hsl(95.7, 78.1%, 46.5%)

HSV / HSB

hsv(95.7, 87.7%, 82.7%)

CMYK

cmyk(52.1%, 0%, 87.7%, 17.3%)

LAB

lab(75.72, -59.32, 71.02)

LCH

lch(75.72, 92.53, 129.87)

OKLCH

oklch(77.1%, 0.2262, 136.92)

HWB

hwb(95.7, 10.2%, 17.3%)

Harmony colors

Complementary

#881ad3

Analogous

#c2d31a

#65d31a

#1ad32c

Triadic

#65d31a

#1a65d3

#d31a65

Split-complementary

#65d31a

#2c1ad3

#d31ac2

Tetradic

#65d31a

#1ad388

#881ad3

#d31a65

Square

#65d31a

#1ac2d3

#881ad3

#d32c1a

Shades

Color #65d31a mixed toward black.

#54b016

#438d11

#326a0d

#224609

#112304

Tints

Color #65d31a mixed toward white.

#7ce635

#97eb5d

#b1f086

#cbf5ae

#e5fad7

Tones

Color #65d31a mixed toward gray.

#68c429

#6bb439

#6ea548

#719558

#748667

Accessibility

Aa White text on this color

1.93:1

Aa Black text on this color

10.89:1

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

Under color vision deficiencies

Protanopia

#a1a271 · ΔE 21.7

Deuteranopia

#9b927c · ΔE 29.5

Tritanopia

#6e9298 · ΔE 37.1

Achromatopsia

#bbbbbb · ΔE 30

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

Code

CSS

background-color: #65d31a;

Tailwind (arbitrary value)

bg-[#65d31a]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#65d31a (#65d31a) is rgb(101, 211, 26) in RGB.

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

Generate a palette → Check contrast