#BDD63C

Color Details

HEX
#BDD63C
RGB
rgb(189, 214, 60)
HSL
hsl(70, 65%, 54%)
CMYK
cmyk(12%, 0%, 72%, 16%)
Best text on this color #000000 (CR 12.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bdd63c
Contrast 12.85:1 AAA
White on #bdd63c
Contrast 1.63:1 Fail
#bdd63c on Black
Contrast 12.85:1 AAA
#bdd63c on White
Contrast 1.63:1 Fail

Tints & Shades

#cade63
#d7e68a
#e5efb1
#97ab30
#718024
#4c5618

Complement & Analogous

#573dd6
#70d63d
#d6a33d

Triadic

#3dbdd6
#d63dbd

Monochrome

#4c5618 #718024 #bdd63c #d7e68a #e5efb1 #f2f7d8

Analogous

#d6a33d #e2bf77 #bdd63c #8dde64 #70d63d #5aab31

Complementary Mix

#718024 #bdd63c #d7e68a #573dd6 #9281e4 #39288b

Nearby Colors

#bdd63b
#bdd63d
#bdd62c
#bdd64c

Embed #BDD63C swatch

Embed this swatch

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

Open image

About #BDD63C

#BDD63C converts to RGB(189, 214, 60) and HSL(70, 65%, 54%). 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).

#BDD63C FAQs

What is the RGB value of #BDD63C?
RGB: 189, 214, 60. Copy as CSS: rgb(189, 214, 60)
Is #BDD63C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BDD63C?
Complement: #573dd6.
Does #BDD63C have good contrast on white or black?
On white: 1.63:1 (Fails AA). On black: 12.85:1 (AAA (normal text)).