#5EA68C

Color Details

HEX
#5EA68C
RGB
rgb(94, 166, 140)
HSL
hsl(158, 29%, 51%)
CMYK
cmyk(43%, 0%, 16%, 35%)
Best text on this color #000000 (CR 7.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5ea68c
Contrast 7.31:1 AAA
White on #5ea68c
Contrast 2.87:1 Fail
#5ea68c on Black
Contrast 7.31:1 AAA
#5ea68c on White
Contrast 2.87:1 Fail

Tints & Shades

#7eb8a3
#9ecaba
#bfdbd1
#4b8570
#386454
#264238

Complement & Analogous

#a65e78
#5e9da6
#5ea667

Triadic

#8c5ea6
#a68c5e

Monochrome

#264238 #386454 #5ea68c #9ecaba #bfdbd1 #dfede8

Analogous

#5ea667 #8ec195 #5ea68c #7eb1b8 #5e9da6 #4b7e85

Complementary Mix

#386454 #5ea68c #9ecaba #a65e78 #c596a7 #6c3d4e

Nearby Colors

#5ea68b
#5ea68d
#5ea67c
#5ea69c

Embed #5EA68C swatch

Embed this swatch

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

Open image

About #5EA68C

#5EA68C converts to RGB(94, 166, 140) and HSL(158, 29%, 51%). 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).

#5EA68C FAQs

What is the RGB value of #5EA68C?
RGB: 94, 166, 140. Copy as CSS: rgb(94, 166, 140)
Is #5EA68C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5EA68C?
Complement: #a65e78.
Does #5EA68C have good contrast on white or black?
On white: 2.87:1 (Fails AA). On black: 7.31:1 (AAA (normal text)).