Toolman

#2DB300 color

#2DB300#2DB300

#2DB300 is a dark, vivid green, closest to the CSS named color limegreen (#32CD32).

Color values

HEX#2DB300
RGBrgb(45, 179, 0)
HSLhsl(105, 100%, 35%)
CMYKcmyk(75%, 0%, 100%, 30%)
Decimal2994944
CSScolor: #2DB300;
Android0xFF2DB300
SwiftUIColor(red: 0.176, green: 0.702, blue: 0.000, alpha: 1)

Accessibility and contrast

White text on #2DB3002.78:1 — AA fail · AA large fail · AAA fail
Black text on #2DB3007.56:1 — AA pass · AA large pass · AAA pass
Recommended text colorblack

WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).

Tints and shades of #2DB300

Each swatch keeps the hue and saturation of #2DB300 and varies only lightness — the quickest way to build a usable scale from a single brand color.

95%
85%
75%
65%
55%
45%
35%
25%
15%

Colors that go with #2DB300

Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.

Complementary
Triadic +120°
Triadic +240°
Analogous −30°
Analogous +30°
Split −150°
Split +150°

Using #2DB300 in code

/* CSS */
.element { color: #2DB300; background-color: #2DB300; }
.element { color: rgb(45 179 0); }
.element { color: hsl(105 100% 35%); }

/* Tailwind arbitrary value */
<div class="bg-[#2DB300] text-black">

/* SCSS variable */
$brand: #2DB300;

Frequently asked questions

What color is #2DB300?

#2DB300 is a dark, vivid green. Its hue sits at 105° on the color wheel, with 100% saturation and 35% lightness.

What is #2DB300 in RGB?

#2DB300 converts to rgb(45, 179, 0) — 45 red, 179 green and 0 blue.

What is #2DB300 in CMYK?

Approximately cmyk(75%, 0%, 100%, 30%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.

Should text on #2DB300 be white or black?

Black gives the better contrast ratio (7.56:1 versus 2.78:1).

What is the complementary color of #2DB300?

#8600B3 — the hue directly opposite #2DB300 on the color wheel.

Convert any color → · Browse all colors