#45A10C

Color Details

HEX
#45A10C
RGB
rgb(69, 161, 12)
HSL
hsl(97, 86%, 34%)
CMYK
cmyk(57%, 0%, 93%, 37%)
Best text on this color #000000 (CR 6.36:1) Determined by WCAG contrast ratio

Readability Previews

Black on #45a10c
Contrast 6.36:1 AA
White on #45a10c
Contrast 3.30:1 Fail
#45a10c on Black
Contrast 6.36:1 AA
#45a10c on White
Contrast 3.30:1 Fail

Tints & Shades

#6ab43d
#8fc76d
#b5d99e
#37810a
#296107
#1c4005

Complement & Analogous

#680ca1
#0ca11e
#90a10c

Triadic

#0c45a1
#a10c45

Monochrome

#1c4005 #296107 #45a10c #8fc76d #b5d99e #daecce

Analogous

#90a10c #b1bd55 #45a10c #3db44b #0ca11e #0a8118

Complementary Mix

#296107 #45a10c #8fc76d #680ca1 #9d61c2 #440869

Nearby Colors

#45a10b
#45a10d
#45a0fc
#45a11c

Embed #45A10C swatch

Embed this swatch

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

Open image

About #45A10C

#45A10C converts to RGB(69, 161, 12) and HSL(97, 86%, 34%). 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).

#45A10C FAQs

What is the RGB value of #45A10C?
RGB: 69, 161, 12. Copy as CSS: rgb(69, 161, 12)
Is #45A10C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #45A10C?
Complement: #680ca1.
Does #45A10C have good contrast on white or black?
On white: 3.30:1 (AA (large text)). On black: 6.36:1 (AA (normal text)).