#1ABC9C — Tints, Shades & Color Values
#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.
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.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.