#BCD53C

Color Details

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

Readability Previews

Black on #bcd53c
Contrast 12.72:1 AAA
White on #bcd53c
Contrast 1.65:1 Fail
#bcd53c on Black
Contrast 12.72:1 AAA
#bcd53c on White
Contrast 1.65:1 Fail

Tints & Shades

#c9dd63
#d7e68a
#e4eeb1
#96aa30
#718024
#4b5518

Complement & Analogous

#573dd6
#70d63d
#d6a33d

Triadic

#3dbdd6
#d63dbd

Monochrome

#4b5518 #718024 #bcd53c #d7e68a #e4eeb1 #f2f7d8

Analogous

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

Complementary Mix

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

Nearby Colors

#bcd53b
#bcd53d
#bcd52c
#bcd54c

Embed #BCD53C swatch

Embed this swatch

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

Open image

About #BCD53C

#BCD53C converts to RGB(188, 213, 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).

#BCD53C FAQs

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