#5FC18C

Color Details

HEX
#5FC18C
RGB
rgb(95, 193, 140)
HSL
hsl(148, 44%, 56%)
CMYK
cmyk(51%, 0%, 27%, 24%)
Best text on this color #000000 (CR 9.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5fc18c
Contrast 9.49:1 AAA
White on #5fc18c
Contrast 2.21:1 Fail
#5fc18c on Black
Contrast 9.49:1 AAA
#5fc18c on White
Contrast 2.21:1 Fail

Tints & Shades

#7fcda3
#9fdaba
#bfe6d1
#4c9a70
#397454
#264d38

Complement & Analogous

#c05d92
#5dc0bd
#61c05d

Triadic

#8c5dc0
#c08c5d

Monochrome

#264d38 #397454 #5fc18c #9fdaba #bfe6d1 #dff3e8

Analogous

#61c05d #90d38e #5fc18c #7dcdca #5dc0bd #4a9a97

Complementary Mix

#397454 #5fc18c #9fdaba #c05d92 #d696b8 #7d3c5f

Nearby Colors

#5fc18b
#5fc18d
#5fc17c
#5fc19c

Embed #5FC18C swatch

Embed this swatch

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

Open image

About #5FC18C

#5FC18C converts to RGB(95, 193, 140) and HSL(148, 44%, 56%). 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).

#5FC18C FAQs

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