#BDF66C

Color Details

HEX
#BDF66C
RGB
rgb(189, 246, 108)
HSL
hsl(85, 88%, 69%)
CMYK
cmyk(23%, 0%, 56%, 4%)
Best text on this color #000000 (CR 16.56:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bdf66c
Contrast 16.56:1 AAA
White on #bdf66c
Contrast 1.27:1 Fail
#bdf66c on Black
Contrast 16.56:1 AAA
#bdf66c on White
Contrast 1.27:1 Fail

Tints & Shades

#caf889
#d7faa7
#e5fbc4
#97c556
#719441
#4c622b

Complement & Analogous

#a46af6
#76f66a
#f6ea6a

Triadic

#6abcf6
#f66abc

Monochrome

#4c622b #719441 #bdf66c #d7faa7 #e5fbc4 #f2fde2

Analogous

#f6ea6a #f9f097 #bdf66c #91f888 #76f66a #5ec555

Complementary Mix

#719441 #bdf66c #d7faa7 #a46af6 #c49ef9 #6b45a0

Nearby Colors

#bdf66b
#bdf66d
#bdf65c
#bdf67c

Embed #BDF66C swatch

Embed this swatch

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

Open image

About #BDF66C

#BDF66C converts to RGB(189, 246, 108) and HSL(85, 88%, 69%). 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).

#BDF66C FAQs

What is the RGB value of #BDF66C?
RGB: 189, 246, 108. Copy as CSS: rgb(189, 246, 108)
Is #BDF66C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BDF66C?
Complement: #a46af6.
Does #BDF66C have good contrast on white or black?
On white: 1.27:1 (Fails AA). On black: 16.56:1 (AAA (normal text)).