#00B0B0

Color Details

HEX
#00B0B0
RGB
rgb(0, 176, 176)
HSL
hsl(180, 100%, 35%)
CMYK
cmyk(100%, 0%, 0%, 31%)
Best text on this color #000000 (CR 7.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #00b0b0
Contrast 7.84:1 AAA
White on #00b0b0
Contrast 2.68:1 Fail
#00b0b0 on Black
Contrast 7.84:1 AAA
#00b0b0 on White
Contrast 2.68:1 Fail

Tints & Shades

#33c0c0
#66d0d0
#99dfdf
#008d8d
#006a6a
#004646

Complement & Analogous

#b30000
#0059b3
#00b359

Triadic

#b300b3
#b3b300

Monochrome

#004646 #006a6a #00b0b0 #66d0d0 #99dfdf #ccefef

Analogous

#00b359 #4dca8b #00b0b0 #337ac2 #0059b3 #00478f

Complementary Mix

#006a6a #00b0b0 #66d0d0 #b30000 #ce5959 #740000

Nearby Colors

#00b0af
#00b0b1
#00b0a0
#00b0c0

Embed #00B0B0 swatch

Embed this swatch

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

Open image

About #00B0B0

#00B0B0 converts to RGB(0, 176, 176) and HSL(180, 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).

#00B0B0 FAQs

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