#4B9A8C

Color Details

HEX
#4B9A8C
RGB
rgb(75, 154, 140)
HSL
hsl(169, 34%, 45%)
CMYK
cmyk(51%, 0%, 9%, 40%)
Best text on this color #000000 (CR 6.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4b9a8c
Contrast 6.30:1 AA
White on #4b9a8c
Contrast 3.33:1 Fail
#4b9a8c on Black
Contrast 6.30:1 AA
#4b9a8c on White
Contrast 3.33:1 Fail

Tints & Shades

#6faea3
#93c2ba
#b7d7d1
#3c7b70
#2d5c54
#1e3e38

Complement & Analogous

#9a4c5a
#4c819a
#4c9a64

Triadic

#8b4c9a
#9a8b4c

Monochrome

#1e3e38 #2d5c54 #4b9a8c #93c2ba #b7d7d1 #dbebe8

Analogous

#4c9a64 #82b893 #4b9a8c #709aae #4c819a #3d677b

Complementary Mix

#2d5c54 #4b9a8c #93c2ba #9a4c5a #bd8b94 #64313b

Nearby Colors

#4b9a8b
#4b9a8d
#4b9a7c
#4b9a9c

Embed #4B9A8C swatch

Embed this swatch

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

Open image

About #4B9A8C

#4B9A8C converts to RGB(75, 154, 140) and HSL(169, 34%, 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).

#4B9A8C FAQs

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