#BAFC5C

Color Details

HEX
#BAFC5C
RGB
rgb(186, 252, 92)
HSL
hsl(85, 96%, 67%)
CMYK
cmyk(26%, 0%, 63%, 1%)
Best text on this color #000000 (CR 17.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bafc5c
Contrast 17.17:1 AAA
White on #bafc5c
Contrast 1.22:1 Fail
#bafc5c on Black
Contrast 17.17:1 AAA
#bafc5c on White
Contrast 1.22:1 Fail

Tints & Shades

#c8fd7d
#d6fd9d
#e3febe
#95ca4a
#709737
#4a6525

Complement & Analogous

#9d5afc
#68fc5a
#fcee5a

Triadic

#5ab8fc
#fc5ab8

Monochrome

#4a6525 #709737 #bafc5c #d6fd9d #e3febe #f1fede

Analogous

#fcee5a #fdf38c #bafc5c #86fd7b #68fc5a #53ca48

Complementary Mix

#709737 #bafc5c #d6fd9d #9d5afc #bf94fd #663ba4

Nearby Colors

#bafc5b
#bafc5d
#bafc4c
#bafc6c

Embed #BAFC5C swatch

Embed this swatch

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

Open image

About #BAFC5C

#BAFC5C converts to RGB(186, 252, 92) and HSL(85, 96%, 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).

#BAFC5C FAQs

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