#4A754C

Color Details

HEX
#4A754C
RGB
rgb(74, 117, 76)
HSL
hsl(123, 23%, 37%)
CMYK
cmyk(37%, 0%, 35%, 54%)
Best text on this color #FFFFFF (CR 5.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4a754c
Contrast 3.94:1 Fail
White on #4a754c
Contrast 5.33:1 AA
#4a754c on Black
Contrast 3.94:1 Fail
#4a754c on White
Contrast 5.33:1 AA

Tints & Shades

#6e9170
#92ac94
#b7c8b7
#3b5e3d
#2c462e
#1e2f1e

Complement & Analogous

#744972
#497461
#5c7449

Triadic

#4b4974
#744b49

Monochrome

#1e2f1e #2c462e #4a754c #92ac94 #b7c8b7 #dbe3db

Analogous

#5c7449 #8d9e80 #4a754c #6d9081 #497461 #3a5d4e

Complementary Mix

#2c462e #4a754c #92ac94 #744972 #a589a3 #4b2f4a

Nearby Colors

#4a754b
#4a754d
#4a753c
#4a755c

Embed #4A754C swatch

Embed this swatch

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

Open image

About #4A754C

#4A754C converts to RGB(74, 117, 76) and HSL(123, 23%, 37%). 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).

#4A754C FAQs

What is the RGB value of #4A754C?
RGB: 74, 117, 76. Copy as CSS: rgb(74, 117, 76)
Is #4A754C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4A754C?
Complement: #744972.
Does #4A754C have good contrast on white or black?
On white: 5.33:1 (AA (normal text)). On black: 3.94:1 (AA (large text)).