#C5E48E

Color Details

HEX
#C5E48E
RGB
rgb(197, 228, 142)
HSL
hsl(82, 61%, 73%)
CMYK
cmyk(14%, 0%, 38%, 11%)
Best text on this color #000000 (CR 14.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5e48e
Contrast 14.86:1 AAA
White on #c5e48e
Contrast 1.41:1 Fail
#c5e48e on Black
Contrast 14.86:1 AAA
#c5e48e on White
Contrast 1.41:1 Fail

Tints & Shades

#d1e9a5
#dcefbb
#e8f4d2
#9eb672
#768955
#4f5b39

Complement & Analogous

#af90e4
#9be490
#e4d990

Triadic

#90c5e4
#e490c5

Monochrome

#4f5b39 #768955 #c5e48e #dcefbb #e8f4d2 #f3fae8

Analogous

#e4d990 #ece4b1 #c5e48e #afe9a6 #9be490 #7cb673

Complementary Mix

#768955 #c5e48e #dcefbb #af90e4 #cbb7ed #725e94

Nearby Colors

#c5e48d
#c5e48f
#c5e47e
#c5e49e

Embed #C5E48E swatch

Embed this swatch

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

Open image

About #C5E48E

#C5E48E converts to RGB(197, 228, 142) and HSL(82, 61%, 73%). 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).

#C5E48E FAQs

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