#00B49F

Color Details

HEX
#00B49F
RGB
rgb(0, 180, 159)
HSL
hsl(173, 100%, 35%)
CMYK
cmyk(100%, 0%, 12%, 29%)
Best text on this color #000000 (CR 8.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #00b49f
Contrast 8.03:1 AAA
White on #00b49f
Contrast 2.62:1 Fail
#00b49f on Black
Contrast 8.03:1 AAA
#00b49f on White
Contrast 2.62:1 Fail

Tints & Shades

#33c3b2
#66d2c5
#99e1d9
#00907f
#006c5f
#004840

Complement & Analogous

#b30015
#006eb3
#00b344

Triadic

#9e00b3
#b39e00

Monochrome

#004840 #006c5f #00b49f #66d2c5 #99e1d9 #ccf0ec

Analogous

#00b344 #4dca7c #00b49f #338bc2 #006eb3 #00588f

Complementary Mix

#006c5f #00b49f #66d2c5 #b30015 #ce5967 #74000e

Nearby Colors

#00b49e
#00b4a0
#00b48f
#00b4af

Embed #00B49F swatch

Embed this swatch

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

Open image

About #00B49F

#00B49F converts to RGB(0, 180, 159) and HSL(173, 100%, 35%). 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).

#00B49F FAQs

What is the RGB value of #00B49F?
RGB: 0, 180, 159. Copy as CSS: rgb(0, 180, 159)
Is #00B49F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #00B49F?
Complement: #b30015.
Does #00B49F have good contrast on white or black?
On white: 2.62:1 (Fails AA). On black: 8.03:1 (AAA (normal text)).