What color is #1ABC9C?

#1ABC9C is a medium, vivid cyan — rgb(26, 188, 156). Its nearest CSS named color is lightseagreen.

How do I make tints and shades of #1ABC9C?

Mix #1ABC9C with white for tints and with black for shades. A 20% tint of #1ABC9C is #48c9b0 and a 20% shade is #15967d; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #1ABC9C?

Black text gives the strongest contrast on a #1ABC9C background at 8.72:1, which passes WCAG AA and AAA for normal text.

#1ABC9C — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#1ABC9C

#1ABC9C is a medium, vivid cyan. Its nearest CSS named color is lightseagreen (#20b2aa). For readable text on a #1ABC9C background, black text gives the strongest contrast (8.72:1). #1ABC9C sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.

Want to fine-tune this color interactively? Open #1ABC9C in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#1ABC9C`
RGB	`rgb(26, 188, 156)`
HSL	`hsl(168, 76%, 42%)`
HSV / HSB	`168°, 86%, 74%`
Nearest named	`lightseagreen` (`#20b2aa`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #1ABC9C (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #31c3a6
20% tint #48c9b0
30% tint #5fd0ba
40% tint #76d7c4
50% tint #8ddece
60% tint #a3e4d7
70% tint #baebe1
80% tint #d1f2eb
90% tint #e8f8f5

Shades of #1ABC9C (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #17a98c
20% shade #15967d
30% shade #12846d
40% shade #10715e
50% shade #0d5e4e
60% shade #0a4b3e
70% shade #08382f
80% shade #05261f
90% shade #031310

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #1ABC9C background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 2.41:1 — AA normal: Fail · AA large: Fail · AAA: Fail
	Black text 8.72:1 — AA normal: Pass · AA large: Pass · AAA: Pass

If neither pure white nor pure black reaches the level you need, pick a darker shade of #1ABC9C from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More cyan colors in the library: #06B6D4 (cyan-500), #14B8A6 (teal-500), #10B981 (emerald-500), #0891B2 (cyan-600), #16A085, #0EA5E9 (sky-500).

Frequently Asked Questions

What color is #1ABC9C?

#1ABC9C is a medium, vivid cyan — rgb(26, 188, 156). Its nearest CSS named color is lightseagreen.
How do I make tints and shades of #1ABC9C?

Mix #1ABC9C with white for tints and with black for shades. A 20% tint of #1ABC9C is #48c9b0 and a 20% shade is #15967d — the full 10%–90% ramps are precomputed on this page, or open #1ABC9C in the generator for finer steps.
What text color is readable on #1ABC9C?

Black text gives the strongest contrast on a #1ABC9C background at 8.72:1, which passes WCAG AA and AAA for normal text.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #1ABC9C? Put it on a free link-in-bio page →