#2DD77C

Color Details

HEX
#2DD77C
RGB
rgb(45, 215, 124)
HSL
hsl(148, 68%, 51%)
CMYK
cmyk(79%, 0%, 42%, 16%)
Best text on this color #000000 (CR 11.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2dd77c
Contrast 11.12:1 AAA
White on #2dd77c
Contrast 1.89:1 Fail
#2dd77c on Black
Contrast 11.12:1 AAA
#2dd77c on White
Contrast 1.89:1 Fail

Tints & Shades

#57df96
#81e7b0
#abefcb
#24ac63
#1b814a
#125632

Complement & Analogous

#d72d88
#2dd7d1
#33d72d

Triadic

#7c2dd7
#d77c2d

Monochrome

#125632 #1b814a #2dd77c #81e7b0 #abefcb #d5f7e5

Analogous

#33d72d #70e36c #2dd77c #57dfda #2dd7d1 #24aca7

Complementary Mix

#1b814a #2dd77c #81e7b0 #d72d88 #e577b2 #8c1d58

Nearby Colors

#2dd77b
#2dd77d
#2dd76c
#2dd78c

Embed #2DD77C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2DD77C

#2DD77C converts to RGB(45, 215, 124) and HSL(148, 68%, 51%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2DD77C FAQs

What is the RGB value of #2DD77C?
RGB: 45, 215, 124. Copy as CSS: rgb(45, 215, 124)
Is #2DD77C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2DD77C?
Complement: #d72d88.
Does #2DD77C have good contrast on white or black?
On white: 1.89:1 (Fails AA). On black: 11.12:1 (AAA (normal text)).