#2DBE9C

Color Details

HEX
#2DBE9C
RGB
rgb(45, 190, 156)
HSL
hsl(166, 62%, 46%)
CMYK
cmyk(76%, 0%, 18%, 25%)
Best text on this color #000000 (CR 8.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2dbe9c
Contrast 8.96:1 AAA
White on #2dbe9c
Contrast 2.34:1 Fail
#2dbe9c on Black
Contrast 8.96:1 AAA
#2dbe9c on White
Contrast 2.34:1 Fail

Tints & Shades

#57cbb0
#81d8c4
#abe5d7
#24987d
#1b725e
#124c3e

Complement & Analogous

#be2d4f
#2d97be
#2dbe53

Triadic

#9c2dbe
#be9c2d

Monochrome

#124c3e #1b725e #2dbe9c #81d8c4 #abe5d7 #d5f2eb

Analogous

#2dbe53 #6cd287 #2dbe9c #57accb #2d97be #247998

Complementary Mix

#1b725e #2dbe9c #81d8c4 #be2d4f #d5778d #7c1d33

Nearby Colors

#2dbe9b
#2dbe9d
#2dbe8c
#2dbeac

Embed #2DBE9C swatch

Embed this swatch

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

Open image

About #2DBE9C

#2DBE9C converts to RGB(45, 190, 156) and HSL(166, 62%, 46%). 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).

#2DBE9C FAQs

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