#2DB78C

Color Details

HEX
#2DB78C
RGB
rgb(45, 183, 140)
HSL
hsl(161, 61%, 45%)
CMYK
cmyk(75%, 0%, 23%, 28%)
Best text on this color #000000 (CR 8.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2db78c
Contrast 8.26:1 AAA
White on #2db78c
Contrast 2.54:1 Fail
#2db78c on Black
Contrast 8.26:1 AAA
#2db78c on White
Contrast 2.54:1 Fail

Tints & Shades

#57c5a3
#81d4ba
#abe2d1
#249270
#1b6e54
#124938

Complement & Analogous

#b92d59
#2d9fb9
#2db946

Triadic

#8c2db9
#b98c2d

Monochrome

#124938 #1b6e54 #2db78c #81d4ba #abe2d1 #d5f1e8

Analogous

#2db946 #6cce7e #2db78c #57b2c7 #2d9fb9 #247f94

Complementary Mix

#1b6e54 #2db78c #81d4ba #b92d59 #d27793 #781d3a

Nearby Colors

#2db78b
#2db78d
#2db77c
#2db79c

Embed #2DB78C swatch

Embed this swatch

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

Open image

About #2DB78C

#2DB78C converts to RGB(45, 183, 140) and HSL(161, 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).

#2DB78C FAQs

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