#BAF85D

Color Details

HEX
#BAF85D
RGB
rgb(186, 248, 93)
HSL
hsl(84, 92%, 67%)
CMYK
cmyk(25%, 0%, 63%, 3%)
Best text on this color #000000 (CR 16.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #baf85d
Contrast 16.67:1 AAA
White on #baf85d
Contrast 1.26:1 Fail
#baf85d on Black
Contrast 16.67:1 AAA
#baf85d on White
Contrast 1.26:1 Fail

Tints & Shades

#c8f97d
#d6fb9e
#e3fcbe
#95c64a
#709538
#4a6325

Complement & Analogous

#9b5df8
#6df85d
#f8e95d

Triadic

#5dbaf8
#f85dba

Monochrome

#4a6325 #709538 #baf85d #d6fb9e #e3fcbe #f1fedf

Analogous

#f8e95d #faf08e #baf85d #8af97d #6df85d #57c64a

Complementary Mix

#709538 #baf85d #d6fb9e #9b5df8 #be96fa #653ca1

Nearby Colors

#baf85c
#baf85e
#baf84d
#baf86d

Embed #BAF85D swatch

Embed this swatch

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

Open image

About #BAF85D

#BAF85D converts to RGB(186, 248, 93) and HSL(84, 92%, 67%). 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).

#BAF85D FAQs

What is the RGB value of #BAF85D?
RGB: 186, 248, 93. Copy as CSS: rgb(186, 248, 93)
Is #BAF85D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BAF85D?
Complement: #9b5df8.
Does #BAF85D have good contrast on white or black?
On white: 1.26:1 (Fails AA). On black: 16.67:1 (AAA (normal text)).