#CAF18C

Color Details

HEX
#CAF18C
RGB
rgb(202, 241, 140)
HSL
hsl(83, 78%, 75%)
CMYK
cmyk(16%, 0%, 42%, 5%)
Best text on this color #000000 (CR 16.47:1) Determined by WCAG contrast ratio

Readability Previews

Black on #caf18c
Contrast 16.47:1 AAA
White on #caf18c
Contrast 1.27:1 Fail
#caf18c on Black
Contrast 16.47:1 AAA
#caf18c on White
Contrast 1.27:1 Fail

Tints & Shades

#d5f4a3
#dff7ba
#eaf9d1
#a2c170
#799154
#516038

Complement & Analogous

#b48ef1
#99f18e
#f1e58e

Triadic

#8ecbf1
#f18ecb

Monochrome

#516038 #799154 #caf18c #dff7ba #eaf9d1 #f4fce8

Analogous

#f1e58e #f5edb0 #caf18c #adf4a5 #99f18e #7ac172

Complementary Mix

#799154 #caf18c #dff7ba #b48ef1 #ceb6f6 #755c9d

Nearby Colors

#caf18b
#caf18d
#caf17c
#caf19c

Embed #CAF18C swatch

Embed this swatch

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

Open image

About #CAF18C

#CAF18C converts to RGB(202, 241, 140) and HSL(83, 78%, 75%). 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).

#CAF18C FAQs

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