#4B9D8C

Color Details

HEX
#4B9D8C
RGB
rgb(75, 157, 140)
HSL
hsl(168, 35%, 45%)
CMYK
cmyk(52%, 0%, 11%, 38%)
Best text on this color #000000 (CR 6.50:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4b9d8c
Contrast 6.50:1 AA
White on #4b9d8c
Contrast 3.23:1 Fail
#4b9d8c on Black
Contrast 6.50:1 AA
#4b9d8c on White
Contrast 3.23:1 Fail

Tints & Shades

#6fb1a3
#93c4ba
#b7d8d1
#3c7e70
#2d5e54
#1e3f38

Complement & Analogous

#9b4b5b
#4b839b
#4b9b63

Triadic

#8b4b9b
#9b8b4b

Monochrome

#1e3f38 #2d5e54 #4b9d8c #93c4ba #b7d8d1 #dbebe8

Analogous

#4b9b63 #81b992 #4b9d8c #6f9caf #4b839b #3c697c

Complementary Mix

#2d5e54 #4b9d8c #93c4ba #9b4b5b #be8a94 #65313b

Nearby Colors

#4b9d8b
#4b9d8d
#4b9d7c
#4b9d9c

Embed #4B9D8C swatch

Embed this swatch

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

Open image

About #4B9D8C

#4B9D8C converts to RGB(75, 157, 140) and HSL(168, 35%, 45%). 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).

#4B9D8C FAQs

What is the RGB value of #4B9D8C?
RGB: 75, 157, 140. Copy as CSS: rgb(75, 157, 140)
Is #4B9D8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4B9D8C?
Complement: #9b4b5b.
Does #4B9D8C have good contrast on white or black?
On white: 3.23:1 (AA (large text)). On black: 6.50:1 (AA (normal text)).