#12A19C

Color Details

HEX
#12A19C
RGB
rgb(18, 161, 156)
HSL
hsl(178, 80%, 35%)
CMYK
cmyk(89%, 0%, 3%, 37%)
Best text on this color #000000 (CR 6.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12a19c
Contrast 6.60:1 AA
White on #12a19c
Contrast 3.18:1 Fail
#12a19c on Black
Contrast 6.60:1 AA
#12a19c on White
Contrast 3.18:1 Fail

Tints & Shades

#41b4b0
#71c7c4
#a0d9d7
#0e817d
#0b615e
#07403e

Complement & Analogous

#a11217
#125ea1
#12a154

Triadic

#9c12a1
#a19c12

Monochrome

#07403e #0b615e #12a19c #71c7c4 #a0d9d7 #d0eceb

Analogous

#12a154 #59bd87 #12a19c #417eb4 #125ea1 #0e4b81

Complementary Mix

#0b615e #12a19c #71c7c4 #a11217 #c26568 #690c0f

Nearby Colors

#12a19b
#12a19d
#12a18c
#12a1ac

Embed #12A19C swatch

Embed this swatch

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

Open image

About #12A19C

#12A19C converts to RGB(18, 161, 156) and HSL(178, 80%, 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).

#12A19C FAQs

What is the RGB value of #12A19C?
RGB: 18, 161, 156. Copy as CSS: rgb(18, 161, 156)
Is #12A19C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #12A19C?
Complement: #a11217.
Does #12A19C have good contrast on white or black?
On white: 3.18:1 (AA (large text)). On black: 6.60:1 (AA (normal text)).