#10C4BE

Color Details

HEX
#10C4BE
RGB
rgb(16, 196, 190)
HSL
hsl(178, 85%, 42%)
CMYK
cmyk(92%, 0%, 3%, 23%)
Best text on this color #000000 (CR 9.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #10c4be
Contrast 9.66:1 AAA
White on #10c4be
Contrast 2.17:1 Fail
#10c4be on Black
Contrast 9.66:1 AAA
#10c4be on White
Contrast 2.17:1 Fail

Tints & Shades

#40d0cb
#70dcd8
#9fe7e5
#0d9d98
#0a7672
#064e4c

Complement & Analogous

#c61016
#1071c6
#10c665

Triadic

#c010c6
#c6c010

Monochrome

#064e4c #0a7672 #10c4be #70dcd8 #9fe7e5 #cff3f2

Analogous

#10c665 #58d793 #10c4be #408dd1 #1071c6 #0d5a9e

Complementary Mix

#0a7672 #10c4be #70dcd8 #c61016 #da6468 #810a0e

Nearby Colors

#10c4bd
#10c4bf
#10c4ae
#10c4ce

Embed #10C4BE swatch

Embed this swatch

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

Open image

About #10C4BE

#10C4BE converts to RGB(16, 196, 190) and HSL(178, 85%, 42%). 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).

#10C4BE FAQs

What is the RGB value of #10C4BE?
RGB: 16, 196, 190. Copy as CSS: rgb(16, 196, 190)
Is #10C4BE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #10C4BE?
Complement: #c61016.
Does #10C4BE have good contrast on white or black?
On white: 2.17:1 (Fails AA). On black: 9.66:1 (AAA (normal text)).