#BCCD16

Color Details

HEX
#BCCD16
RGB
rgb(188, 205, 22)
HSL
hsl(66, 81%, 45%)
CMYK
cmyk(8%, 0%, 89%, 20%)
Best text on this color #000000 (CR 11.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bccd16
Contrast 11.88:1 AAA
White on #bccd16
Contrast 1.77:1 Fail
#bccd16 on Black
Contrast 11.88:1 AAA
#bccd16 on White
Contrast 1.77:1 Fail

Tints & Shades

#c9d745
#d7e173
#e4eba2
#96a412
#717b0d
#4b5209

Complement & Analogous

#2816d0
#60d016
#d08516

Triadic

#16bdd0
#d016bd

Monochrome

#4b5209 #717b0d #bccd16 #d7e173 #e4eba2 #f2f5d0

Analogous

#d08516 #deaa5c #bccd16 #80d945 #60d016 #4da612

Complementary Mix

#717b0d #bccd16 #d7e173 #2816d0 #7368e0 #1a0e87

Nearby Colors

#bccd15
#bccd17
#bccd06
#bccd26

Embed #BCCD16 swatch

Embed this swatch

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

Open image

About #BCCD16

#BCCD16 converts to RGB(188, 205, 22) and HSL(66, 81%, 45%). 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).

#BCCD16 FAQs

What is the RGB value of #BCCD16?
RGB: 188, 205, 22. Copy as CSS: rgb(188, 205, 22)
Is #BCCD16 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BCCD16?
Complement: #2816d0.
Does #BCCD16 have good contrast on white or black?
On white: 1.77:1 (Fails AA). On black: 11.88:1 (AAA (normal text)).