#BAF42F

Color Details

HEX
#BAF42F
RGB
rgb(186, 244, 47)
HSL
hsl(78, 90%, 57%)
CMYK
cmyk(24%, 0%, 81%, 4%)
Best text on this color #000000 (CR 16.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #baf42f
Contrast 16.07:1 AAA
White on #baf42f
Contrast 1.31:1 Fail
#baf42f on Black
Contrast 16.07:1 AAA
#baf42f on White
Contrast 1.31:1 Fail

Tints & Shades

#c8f659
#d6f882
#e3fbac
#95c326
#70921c
#4a6213

Complement & Analogous

#6a2ff4
#56f42f
#f4cd2f

Triadic

#2fb9f4
#f42fb9

Monochrome

#4a6213 #70921c #baf42f #d6f882 #e3fbac #f1fdd5

Analogous

#f4cd2f #f7dc6d #baf42f #78f659 #56f42f #45c326

Complementary Mix

#70921c #baf42f #d6f882 #6a2ff4 #9e78f8 #451f9f

Nearby Colors

#baf42e
#baf430
#baf41f
#baf43f

Embed #BAF42F swatch

Embed this swatch

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

Open image

About #BAF42F

#BAF42F converts to RGB(186, 244, 47) and HSL(78, 90%, 57%). 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).

#BAF42F FAQs

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