#2A784C

Color Details

HEX
#2A784C
RGB
rgb(42, 120, 76)
HSL
hsl(146, 48%, 32%)
CMYK
cmyk(65%, 0%, 37%, 53%)
Best text on this color #FFFFFF (CR 5.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a784c
Contrast 3.89:1 Fail
White on #2a784c
Contrast 5.40:1 AA
#2a784c on Black
Contrast 3.89:1 Fail
#2a784c on White
Contrast 5.40:1 AA

Tints & Shades

#559370
#7fae94
#aac9b7
#22603d
#19482e
#11301e

Complement & Analogous

#792a57
#2a7974
#30792a

Triadic

#4c2a79
#794c2a

Monochrome

#11301e #19482e #2a784c #7fae94 #aac9b7 #d4e4db

Analogous

#30792a #6ea16a #2a784c #559490 #2a7974 #22615d

Complementary Mix

#19482e #2a784c #7fae94 #792a57 #a87592 #4f1b39

Nearby Colors

#2a784b
#2a784d
#2a783c
#2a785c

Embed #2A784C swatch

Embed this swatch

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

Open image

About #2A784C

#2A784C converts to RGB(42, 120, 76) and HSL(146, 48%, 32%). 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).

#2A784C FAQs

What is the RGB value of #2A784C?
RGB: 42, 120, 76. Copy as CSS: rgb(42, 120, 76)
Is #2A784C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A784C?
Complement: #792a57.
Does #2A784C have good contrast on white or black?
On white: 5.40:1 (AA (normal text)). On black: 3.89:1 (AA (large text)).