#C5ED7D

Color Details

HEX
#C5ED7D
RGB
rgb(197, 237, 125)
HSL
hsl(81, 76%, 71%)
CMYK
cmyk(17%, 0%, 47%, 7%)
Best text on this color #000000 (CR 15.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5ed7d
Contrast 15.78:1 AAA
White on #c5ed7d
Contrast 1.33:1 Fail
#c5ed7d on Black
Contrast 15.78:1 AAA
#c5ed7d on White
Contrast 1.33:1 Fail

Tints & Shades

#d1f197
#dcf4b1
#e8f8cb
#9ebe64
#768e4b
#4f5f32

Complement & Analogous

#a47ded
#8eed7d
#eddc7d

Triadic

#7dc6ed
#ed7dc6

Monochrome

#4f5f32 #768e4b #c5ed7d #dcf4b1 #e8f8cb #f3fbe5

Analogous

#eddc7d #f2e7a4 #c5ed7d #a5f197 #8eed7d #72be64

Complementary Mix

#768e4b #c5ed7d #dcf4b1 #a47ded #c4abf3 #6b519a

Nearby Colors

#c5ed7c
#c5ed7e
#c5ed6d
#c5ed8d

Embed #C5ED7D swatch

Embed this swatch

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

Open image

About #C5ED7D

#C5ED7D converts to RGB(197, 237, 125) and HSL(81, 76%, 71%). 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).

#C5ED7D FAQs

What is the RGB value of #C5ED7D?
RGB: 197, 237, 125. Copy as CSS: rgb(197, 237, 125)
Is #C5ED7D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C5ED7D?
Complement: #a47ded.
Does #C5ED7D have good contrast on white or black?
On white: 1.33:1 (Fails AA). On black: 15.78:1 (AAA (normal text)).