#5BAE7C

Color Details

HEX
#5BAE7C
RGB
rgb(91, 174, 124)
HSL
hsl(144, 34%, 52%)
CMYK
cmyk(48%, 0%, 29%, 32%)
Best text on this color #000000 (CR 7.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5bae7c
Contrast 7.79:1 AAA
White on #5bae7c
Contrast 2.70:1 Fail
#5bae7c on Black
Contrast 7.79:1 AAA
#5bae7c on White
Contrast 2.70:1 Fail

Tints & Shades

#7cbe96
#9dceb0
#bddfcb
#498b63
#37684a
#244632

Complement & Analogous

#ae5b8d
#5baea6
#63ae5b

Triadic

#7c5bae
#ae7c5b

Monochrome

#244632 #37684a #5bae7c #9dceb0 #bddfcb #deefe5

Analogous

#63ae5b #92c68c #5bae7c #7cbeb8 #5baea6 #498b85

Complementary Mix

#37684a #5bae7c #9dceb0 #ae5b8d #ca94b5 #713b5c

Nearby Colors

#5bae7b
#5bae7d
#5bae6c
#5bae8c

Embed #5BAE7C swatch

Embed this swatch

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

Open image

About #5BAE7C

#5BAE7C converts to RGB(91, 174, 124) and HSL(144, 34%, 52%). 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).

#5BAE7C FAQs

What is the RGB value of #5BAE7C?
RGB: 91, 174, 124. Copy as CSS: rgb(91, 174, 124)
Is #5BAE7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5BAE7C?
Complement: #ae5b8d.
Does #5BAE7C have good contrast on white or black?
On white: 2.70:1 (Fails AA). On black: 7.79:1 (AAA (normal text)).