#48A62C

Color Details

HEX
#48A62C
RGB
rgb(72, 166, 44)
HSL
hsl(106, 58%, 41%)
CMYK
cmyk(57%, 0%, 73%, 35%)
Best text on this color #000000 (CR 6.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48a62c
Contrast 6.77:1 AA
White on #48a62c
Contrast 3.10:1 Fail
#48a62c on Black
Contrast 6.77:1 AA
#48a62c on White
Contrast 3.10:1 Fail

Tints & Shades

#6db856
#91ca80
#b6dbab
#3a8523
#2b641a
#1d4212

Complement & Analogous

#892ca5
#2ca54c
#85a52c

Triadic

#2c48a5
#a52c48

Monochrome

#1d4212 #2b641a #48a62c #91ca80 #b6dbab #daedd5

Analogous

#85a52c #aac06b #48a62c #56b770 #2ca54c #23843d

Complementary Mix

#2b641a #48a62c #91ca80 #892ca5 #b276c5 #591d6b

Nearby Colors

#48a62b
#48a62d
#48a61c
#48a63c

Embed #48A62C swatch

Embed this swatch

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

Open image

About #48A62C

#48A62C converts to RGB(72, 166, 44) and HSL(106, 58%, 41%). 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).

#48A62C FAQs

What is the RGB value of #48A62C?
RGB: 72, 166, 44. Copy as CSS: rgb(72, 166, 44)
Is #48A62C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48A62C?
Complement: #892ca5.
Does #48A62C have good contrast on white or black?
On white: 3.10:1 (AA (large text)). On black: 6.77:1 (AA (normal text)).