#2DBA51

Color Details

HEX
#2DBA51
RGB
rgb(45, 186, 81)
HSL
hsl(135, 61%, 45%)
CMYK
cmyk(76%, 0%, 56%, 27%)
Best text on this color #000000 (CR 8.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2dba51
Contrast 8.25:1 AAA
White on #2dba51
Contrast 2.54:1 Fail
#2dba51 on Black
Contrast 8.25:1 AAA
#2dba51 on White
Contrast 2.54:1 Fail

Tints & Shades

#57c874
#81d697
#abe3b9
#249541
#1b7031
#124a20

Complement & Analogous

#b92d96
#2db996
#50b92d

Triadic

#502db9
#b9502d

Monochrome

#124a20 #1b7031 #2dba51 #81d697 #abe3b9 #d5f1dc

Analogous

#50b92d #85ce6c #2dba51 #57c7ab #2db996 #249478

Complementary Mix

#1b7031 #2dba51 #81d697 #b92d96 #d277bb #781d62

Nearby Colors

#2dba50
#2dba52
#2dba41
#2dba61

Embed #2DBA51 swatch

Embed this swatch

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

Open image

About #2DBA51

#2DBA51 converts to RGB(45, 186, 81) and HSL(135, 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).

#2DBA51 FAQs

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