#2AC31C

Color Details

HEX
#2AC31C
RGB
rgb(42, 195, 28)
HSL
hsl(115, 75%, 44%)
CMYK
cmyk(78%, 0%, 86%, 24%)
Best text on this color #000000 (CR 8.92:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2ac31c
Contrast 8.92:1 AAA
White on #2ac31c
Contrast 2.35:1 Fail
#2ac31c on Black
Contrast 8.92:1 AAA
#2ac31c on White
Contrast 2.35:1 Fail

Tints & Shades

#55cf49
#7fdb77
#aae7a4
#229c16
#197511
#114e0b

Complement & Analogous

#b61cc4
#1cc462
#7ec41c

Triadic

#1c2ac4
#c41c2a

Monochrome

#114e0b #197511 #2ac31c #7fdb77 #aae7a4 #d4f3d2

Analogous

#7ec41c #a5d660 #2ac31c #49d081 #1cc462 #169d4e

Complementary Mix

#197511 #2ac31c #7fdb77 #b61cc4 #d06bd9 #76127f

Nearby Colors

#2ac31b
#2ac31d
#2ac30c
#2ac32c

Embed #2AC31C swatch

Embed this swatch

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

Open image

About #2AC31C

#2AC31C converts to RGB(42, 195, 28) and HSL(115, 75%, 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).

#2AC31C FAQs

What is the RGB value of #2AC31C?
RGB: 42, 195, 28. Copy as CSS: rgb(42, 195, 28)
Is #2AC31C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2AC31C?
Complement: #b61cc4.
Does #2AC31C have good contrast on white or black?
On white: 2.35:1 (Fails AA). On black: 8.92:1 (AAA (normal text)).