#2DBA24

Color Details

HEX
#2DBA24
RGB
rgb(45, 186, 36)
HSL
hsl(116, 68%, 44%)
CMYK
cmyk(76%, 0%, 81%, 27%)
Best text on this color #000000 (CR 8.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2dba24
Contrast 8.16:1 AAA
White on #2dba24
Contrast 2.57:1 Fail
#2dba24 on Black
Contrast 8.16:1 AAA
#2dba24 on White
Contrast 2.57:1 Fail

Tints & Shades

#57c850
#81d67c
#abe3a7
#24951d
#1b7016
#124a0e

Complement & Analogous

#b224bc
#24bc66
#7abc24

Triadic

#242ebc
#bc242e

Monochrome

#124a0e #1b7016 #2dba24 #81d67c #abe3a7 #d5f1d3

Analogous

#7abc24 #a2d066 #2dba24 #50c985 #24bc66 #1d9652

Complementary Mix

#1b7016 #2dba24 #81d67c #b224bc #cd71d3 #74177a

Nearby Colors

#2dba23
#2dba25
#2dba14
#2dba34

Embed #2DBA24 swatch

Embed this swatch

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

Open image

About #2DBA24

#2DBA24 converts to RGB(45, 186, 36) and HSL(116, 68%, 44%). 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).

#2DBA24 FAQs

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