#5BAE0C

Color Details

HEX
#5BAE0C
RGB
rgb(91, 174, 12)
HSL
hsl(91, 87%, 36%)
CMYK
cmyk(48%, 0%, 93%, 32%)
Best text on this color #000000 (CR 7.50:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5bae0c
Contrast 7.50:1 AAA
White on #5bae0c
Contrast 2.80:1 Fail
#5bae0c on Black
Contrast 7.50:1 AAA
#5bae0c on White
Contrast 2.80:1 Fail

Tints & Shades

#7cbe3d
#9dce6d
#bddf9e
#498b0a
#376807
#244605

Complement & Analogous

#5e0cac
#0cac0f
#a9ac0c

Triadic

#0c59ac
#ac0c59

Monochrome

#244605 #376807 #5bae0c #9dce6d #bddf9e #deefce

Analogous

#a9ac0c #c3c555 #5bae0c #3dbd3f #0cac0f #0a8a0c

Complementary Mix

#376807 #5bae0c #9dce6d #5e0cac #9661c9 #3d0870

Nearby Colors

#5bae0b
#5bae0d
#5badfc
#5bae1c

Embed #5BAE0C swatch

Embed this swatch

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

Open image

About #5BAE0C

#5BAE0C converts to RGB(91, 174, 12) and HSL(91, 87%, 36%). 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).

#5BAE0C FAQs

What is the RGB value of #5BAE0C?
RGB: 91, 174, 12. Copy as CSS: rgb(91, 174, 12)
Is #5BAE0C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5BAE0C?
Complement: #5e0cac.
Does #5BAE0C have good contrast on white or black?
On white: 2.80:1 (Fails AA). On black: 7.50:1 (AAA (normal text)).