#BADC5C

Color Details

HEX
#BADC5C
RGB
rgb(186, 220, 92)
HSL
hsl(76, 65%, 61%)
CMYK
cmyk(15%, 0%, 58%, 14%)
Best text on this color #000000 (CR 13.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #badc5c
Contrast 13.48:1 AAA
White on #badc5c
Contrast 1.56:1 Fail
#badc5c on Black
Contrast 13.48:1 AAA
#badc5c on White
Contrast 1.56:1 Fail

Tints & Shades

#c8e37d
#d6ea9d
#e3f1be
#95b04a
#708437
#4a5825

Complement & Analogous

#7d5bdc
#79dc5b
#dcbe5b

Triadic

#5bbadc
#dc5bba

Monochrome

#4a5825 #708437 #badc5c #d6ea9d #e3f1be #f1f8de

Analogous

#dcbe5b #e7d28c #badc5c #94e37c #79dc5b #61b049

Complementary Mix

#708437 #badc5c #d6ea9d #7d5bdc #ab94e8 #513b8f

Nearby Colors

#badc5b
#badc5d
#badc4c
#badc6c

Embed #BADC5C swatch

Embed this swatch

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

Open image

About #BADC5C

#BADC5C converts to RGB(186, 220, 92) and HSL(76, 65%, 61%). 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).

#BADC5C FAQs

What is the RGB value of #BADC5C?
RGB: 186, 220, 92. Copy as CSS: rgb(186, 220, 92)
Is #BADC5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BADC5C?
Complement: #7d5bdc.
Does #BADC5C have good contrast on white or black?
On white: 1.56:1 (Fails AA). On black: 13.48:1 (AAA (normal text)).