#A8DC3D

Color Details

HEX
#A8DC3D
RGB
rgb(168, 220, 61)
HSL
hsl(80, 69%, 55%)
CMYK
cmyk(24%, 0%, 72%, 14%)
Best text on this color #000000 (CR 12.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a8dc3d
Contrast 12.97:1 AAA
White on #a8dc3d
Contrast 1.62:1 Fail
#a8dc3d on Black
Contrast 12.97:1 AAA
#a8dc3d on White
Contrast 1.62:1 Fail

Tints & Shades

#b9e364
#cbea8b
#dcf1b1
#86b031
#658425
#435818

Complement & Analogous

#723ddb
#57db3d
#dbc13d

Triadic

#3da7db
#db3da7

Monochrome

#435818 #658425 #a8dc3d #cbea8b #dcf1b1 #eef8d8

Analogous

#dbc13d #e6d477 #a8dc3d #79e264 #57db3d #46af31

Complementary Mix

#658425 #a8dc3d #cbea8b #723ddb #a381e8 #4a288e

Nearby Colors

#a8dc3c
#a8dc3e
#a8dc2d
#a8dc4d

Embed #A8DC3D swatch

Embed this swatch

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

Open image

About #A8DC3D

#A8DC3D converts to RGB(168, 220, 61) and HSL(80, 69%, 55%). 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).

#A8DC3D FAQs

What is the RGB value of #A8DC3D?
RGB: 168, 220, 61. Copy as CSS: rgb(168, 220, 61)
Is #A8DC3D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A8DC3D?
Complement: #723ddb.
Does #A8DC3D have good contrast on white or black?
On white: 1.62:1 (Fails AA). On black: 12.97:1 (AAA (normal text)).