#BAFB4D

Color Details

HEX
#BAFB4D
RGB
rgb(186, 251, 77)
HSL
hsl(82, 96%, 64%)
CMYK
cmyk(26%, 0%, 69%, 2%)
Best text on this color #000000 (CR 16.99:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bafb4d
Contrast 16.99:1 AAA
White on #bafb4d
Contrast 1.24:1 Fail
#bafb4d on Black
Contrast 16.99:1 AAA
#bafb4d on White
Contrast 1.24:1 Fail

Tints & Shades

#c8fc71
#d6fd94
#e3fdb8
#95c93e
#70972e
#4a641f

Complement & Analogous

#8c4bfb
#63fb4b
#fbe44b

Triadic

#4bbbfb
#fb4bbb

Monochrome

#4a641f #70972e #bafb4d #d6fd94 #e3fdb8 #f1fedb

Analogous

#fbe44b #fcec81 #bafb4d #82fc6f #63fb4b #4fc93c

Complementary Mix

#70972e #bafb4d #d6fd94 #8c4bfb #b48afc #5b31a3

Nearby Colors

#bafb4c
#bafb4e
#bafb3d
#bafb5d

Embed #BAFB4D swatch

Embed this swatch

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

Open image

About #BAFB4D

#BAFB4D converts to RGB(186, 251, 77) and HSL(82, 96%, 64%). 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).

#BAFB4D FAQs

What is the RGB value of #BAFB4D?
RGB: 186, 251, 77. Copy as CSS: rgb(186, 251, 77)
Is #BAFB4D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BAFB4D?
Complement: #8c4bfb.
Does #BAFB4D have good contrast on white or black?
On white: 1.24:1 (Fails AA). On black: 16.99:1 (AAA (normal text)).