#BAFC3C

Color Details

HEX
#BAFC3C
RGB
rgb(186, 252, 60)
HSL
hsl(81, 97%, 61%)
CMYK
cmyk(26%, 0%, 76%, 1%)
Best text on this color #000000 (CR 17.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bafc3c
Contrast 17.08:1 AAA
White on #bafc3c
Contrast 1.23:1 Fail
#bafc3c on Black
Contrast 17.08:1 AAA
#bafc3c on White
Contrast 1.23:1 Fail

Tints & Shades

#c8fd63
#d6fd8a
#e3feb1
#95ca30
#709724
#4a6518

Complement & Analogous

#7f3bfc
#58fc3b
#fcdf3b

Triadic

#3bb8fc
#fc3bb8

Monochrome

#4a6518 #709724 #bafc3c #d6fd8a #e3feb1 #f1fed8

Analogous

#fcdf3b #fde976 #bafc3c #79fd62 #58fc3b #46ca2f

Complementary Mix

#709724 #bafc3c #d6fd8a #7f3bfc #ac80fd #5326a4

Nearby Colors

#bafc3b
#bafc3d
#bafc2c
#bafc4c

Embed #BAFC3C swatch

Embed this swatch

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

Open image

About #BAFC3C

#BAFC3C converts to RGB(186, 252, 60) and HSL(81, 97%, 61%). 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).

#BAFC3C FAQs

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