#2D8F7F

Color Details

HEX
#2D8F7F
RGB
rgb(45, 143, 127)
HSL
hsl(170, 52%, 37%)
CMYK
cmyk(69%, 0%, 11%, 44%)
Best text on this color #000000 (CR 5.35:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d8f7f
Contrast 5.35:1 AA
White on #2d8f7f
Contrast 3.93:1 Fail
#2d8f7f on Black
Contrast 5.35:1 AA
#2d8f7f on White
Contrast 3.93:1 Fail

Tints & Shades

#57a599
#81bcb2
#abd2cc
#247266
#1b564c
#123933

Complement & Analogous

#8f2d3e
#2d6f8f
#2d8f4e

Triadic

#7f2d8f
#8f7f2d

Monochrome

#123933 #1b564c #2d8f7f #81bcb2 #abd2cc #d5e9e5

Analogous

#2d8f4e #6cb183 #2d8f7f #578ca5 #2d6f8f #245972

Complementary Mix

#1b564c #2d8f7f #81bcb2 #8f2d3e #b67782 #5d1d28

Nearby Colors

#2d8f7e
#2d8f80
#2d8f6f
#2d8f8f

Embed #2D8F7F swatch

Embed this swatch

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

Open image

About #2D8F7F

#2D8F7F converts to RGB(45, 143, 127) and HSL(170, 52%, 37%). 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).

#2D8F7F FAQs

What is the RGB value of #2D8F7F?
RGB: 45, 143, 127. Copy as CSS: rgb(45, 143, 127)
Is #2D8F7F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D8F7F?
Complement: #8f2d3e.
Does #2D8F7F have good contrast on white or black?
On white: 3.93:1 (AA (large text)). On black: 5.35:1 (AA (normal text)).