#2DB84C

Color Details

HEX
#2DB84C
RGB
rgb(45, 184, 76)
HSL
hsl(133, 61%, 45%)
CMYK
cmyk(76%, 0%, 59%, 28%)
Best text on this color #000000 (CR 8.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2db84c
Contrast 8.07:1 AAA
White on #2db84c
Contrast 2.60:1 Fail
#2db84c on Black
Contrast 8.07:1 AAA
#2db84c on White
Contrast 2.60:1 Fail

Tints & Shades

#57c670
#81d494
#abe3b7
#24933d
#1b6e2e
#124a1e

Complement & Analogous

#b92d9a
#2db991
#54b92d

Triadic

#4b2db9
#b94b2d

Monochrome

#124a1e #1b6e2e #2db84c #81d494 #abe3b7 #d5f1db

Analogous

#54b92d #87ce6c #2db84c #57c7a7 #2db991 #249474

Complementary Mix

#1b6e2e #2db84c #81d494 #b92d9a #d277bd #781d64

Nearby Colors

#2db84b
#2db84d
#2db83c
#2db85c

Embed #2DB84C swatch

Embed this swatch

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

Open image

About #2DB84C

#2DB84C converts to RGB(45, 184, 76) and HSL(133, 61%, 45%). 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).

#2DB84C FAQs

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