#34C59C

Color Details

HEX
#34C59C
RGB
rgb(52, 197, 156)
HSL
hsl(163, 58%, 49%)
CMYK
cmyk(74%, 0%, 21%, 23%)
Best text on this color #000000 (CR 9.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #34c59c
Contrast 9.61:1 AAA
White on #34c59c
Contrast 2.18:1 Fail
#34c59c on Black
Contrast 9.61:1 AAA
#34c59c on White
Contrast 2.18:1 Fail

Tints & Shades

#5dd1b0
#85dcc4
#aee8d7
#2a9e7d
#1f765e
#154f3e

Complement & Analogous

#c5345e
#34a6c5
#34c554

Triadic

#9c34c5
#c59c34

Monochrome

#154f3e #1f765e #34c59c #85dcc4 #aee8d7 #d6f3eb

Analogous

#34c554 #71d687 #34c59c #5db8d1 #34a6c5 #2a859e

Complementary Mix

#1f765e #34c59c #85dcc4 #c5345e #d97b96 #80223d

Nearby Colors

#34c59b
#34c59d
#34c58c
#34c5ac

Embed #34C59C swatch

Embed this swatch

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

Open image

About #34C59C

#34C59C converts to RGB(52, 197, 156) and HSL(163, 58%, 49%). 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).

#34C59C FAQs

What is the RGB value of #34C59C?
RGB: 52, 197, 156. Copy as CSS: rgb(52, 197, 156)
Is #34C59C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #34C59C?
Complement: #c5345e.
Does #34C59C have good contrast on white or black?
On white: 2.18:1 (Fails AA). On black: 9.61:1 (AAA (normal text)).