#5FCA8C

Color Details

HEX
#5FCA8C
RGB
rgb(95, 202, 140)
HSL
hsl(145, 50%, 58%)
CMYK
cmyk(53%, 0%, 31%, 21%)
Best text on this color #000000 (CR 10.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5fca8c
Contrast 10.31:1 AAA
White on #5fca8c
Contrast 2.04:1 Fail
#5fca8c on Black
Contrast 10.31:1 AAA
#5fca8c on White
Contrast 2.04:1 Fail

Tints & Shades

#7fd5a3
#9fdfba
#bfead1
#4ca270
#397954
#265138

Complement & Analogous

#c95e9d
#5ec9c1
#67c95e

Triadic

#8b5ec9
#c98b5e

Monochrome

#265138 #397954 #5fca8c #9fdfba #bfead1 #dff4e8

Analogous

#67c95e #95d98e #5fca8c #7ed4cd #5ec9c1 #4ba19a

Complementary Mix

#397954 #5fca8c #9fdfba #c95e9d #dc96bf #833d66

Nearby Colors

#5fca8b
#5fca8d
#5fca7c
#5fca9c

Embed #5FCA8C swatch

Embed this swatch

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

Open image

About #5FCA8C

#5FCA8C converts to RGB(95, 202, 140) and HSL(145, 50%, 58%). 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).

#5FCA8C FAQs

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