#74686C

Color Details

HEX
#74686C
RGB
rgb(116, 104, 108)
HSL
hsl(340, 5%, 43%)
CMYK
cmyk(0%, 10%, 7%, 55%)
Best text on this color #FFFFFF (CR 5.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #74686c
Contrast 3.94:1 Fail
White on #74686c
Contrast 5.33:1 AA
#74686c on Black
Contrast 3.94:1 Fail
#74686c on White
Contrast 5.33:1 AA

Tints & Shades

#908689
#aca4a7
#c7c3c4
#5d5356
#463e41
#2e2a2b

Complement & Analogous

#68736f
#865e56
#86567e

Triadic

#6c7368
#686c73

Monochrome

#2e2a2b #463e41 #74686c #aca4a7 #c7c3c4 #e3e1e2

Analogous

#86567e #aa89a5 #74686c #9e7e78 #865e56 #6b4b45

Complementary Mix

#463e41 #74686c #aca4a7 #68736f #9da4a1 #444b48

Nearby Colors

#74686b
#74686d
#74685c
#74687c

Embed #74686C swatch

Embed this swatch

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

Open image

About #74686C

#74686C converts to RGB(116, 104, 108) and HSL(340, 5%, 43%). 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).

#74686C FAQs

What is the RGB value of #74686C?
RGB: 116, 104, 108. Copy as CSS: rgb(116, 104, 108)
Is #74686C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #74686C?
Complement: #68736f.
Does #74686C have good contrast on white or black?
On white: 5.33:1 (AA (normal text)). On black: 3.94:1 (AA (large text)).