#049B8C

Color Details

HEX
#049B8C
RGB
rgb(4, 155, 140)
HSL
hsl(174, 95%, 31%)
CMYK
cmyk(97%, 0%, 10%, 39%)
Best text on this color #000000 (CR 6.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #049b8c
Contrast 6.07:1 AA
White on #049b8c
Contrast 3.46:1 Fail
#049b8c on Black
Contrast 6.07:1 AA
#049b8c on White
Contrast 3.46:1 Fail

Tints & Shades

#36afa3
#68c3ba
#9bd7d1
#037c70
#025d54
#023e38

Complement & Analogous

#9a0413
#045e9a
#049a40

Triadic

#8b049a
#9a8b04

Monochrome

#023e38 #025d54 #049b8c #68c3ba #9bd7d1 #cdebe8

Analogous

#049a40 #4fb879 #049b8c #367eae #045e9a #034b7b

Complementary Mix

#025d54 #049b8c #68c3ba #9a0413 #bd5c66 #64030c

Nearby Colors

#049b8b
#049b8d
#049b7c
#049b9c

Embed #049B8C swatch

Embed this swatch

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

Open image

About #049B8C

#049B8C converts to RGB(4, 155, 140) and HSL(174, 95%, 31%). 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).

#049B8C FAQs

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