#BDD20C

Color Details

HEX
#BDD20C
RGB
rgb(189, 210, 12)
HSL
hsl(66, 89%, 44%)
CMYK
cmyk(10%, 0%, 94%, 18%)
Best text on this color #000000 (CR 12.39:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bdd20c
Contrast 12.39:1 AAA
White on #bdd20c
Contrast 1.70:1 Fail
#bdd20c on Black
Contrast 12.39:1 AAA
#bdd20c on White
Contrast 1.70:1 Fail

Tints & Shades

#cadb3d
#d7e46d
#e5ed9e
#97a80a
#717e07
#4c5405

Complement & Analogous

#200cd4
#5cd40c
#d4840c

Triadic

#0cc0d4
#d40cc0

Monochrome

#4c5405 #717e07 #bdd20c #d7e46d #e5ed9e #f2f6ce

Analogous

#d4840c #e1a955 #bdd20c #7ddd3d #5cd40c #4aaa0a

Complementary Mix

#717e07 #bdd20c #d7e46d #200cd4 #6e61e3 #15088a

Nearby Colors

#bdd20b
#bdd20d
#bdd1fc
#bdd21c

Embed #BDD20C swatch

Embed this swatch

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

Open image

About #BDD20C

#BDD20C converts to RGB(189, 210, 12) and HSL(66, 89%, 44%). 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).

#BDD20C FAQs

What is the RGB value of #BDD20C?
RGB: 189, 210, 12. Copy as CSS: rgb(189, 210, 12)
Is #BDD20C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BDD20C?
Complement: #200cd4.
Does #BDD20C have good contrast on white or black?
On white: 1.70:1 (Fails AA). On black: 12.39:1 (AAA (normal text)).