#BAF18C

Color Details

HEX
#BAF18C
RGB
rgb(186, 241, 140)
HSL
hsl(93, 78%, 75%)
CMYK
cmyk(23%, 0%, 42%, 5%)
Best text on this color #000000 (CR 16.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #baf18c
Contrast 16.05:1 AAA
White on #baf18c
Contrast 1.31:1 Fail
#baf18c on Black
Contrast 16.05:1 AAA
#baf18c on White
Contrast 1.31:1 Fail

Tints & Shades

#c8f4a3
#d6f7ba
#e3f9d1
#95c170
#709154
#4a6038

Complement & Analogous

#c48ef1
#8ef192
#ecf18e

Triadic

#8ebaf1
#f18eba

Monochrome

#4a6038 #709154 #baf18c #d6f7ba #e3f9d1 #f1fce8

Analogous

#ecf18e #f2f5b0 #baf18c #a5f4a8 #8ef192 #72c175

Complementary Mix

#709154 #baf18c #d6f7ba #c48ef1 #d9b6f6 #7f5c9d

Nearby Colors

#baf18b
#baf18d
#baf17c
#baf19c

Embed #BAF18C swatch

Embed this swatch

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

Open image

About #BAF18C

#BAF18C converts to RGB(186, 241, 140) and HSL(93, 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).

#BAF18C FAQs

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