#2E8B57Seagreen is a moderately saturated, dark cool green (#2E8B57).
Seagreen is a dark, moderately saturated take on green. Colors in this range are commonly associated with growth, nature and reassurance, which makes seagreen a natural fit for success states, environmental themes and finance products.
Seagreen is bright enough that it pairs better with dark text than white: black type on seagreen hits 4.95:1 — past the WCAG AA threshold — while white manages only 4.25:1. It shines as a section background, card fill or subtle highlight where a full-strength accent would shout.
For pairings, the complement of seagreen sits at 326° — #8A2E62 — and delivers the strongest possible hue contrast; use it sparingly, in roughly a 90/10 split, so the two don't fight. For calmer schemes, the analogous colors 30° to either side keep the same cool temperature, while the triadic pair gives you a balanced three-color palette. All of these are computed for seagreen in the palettes below, with copy-ready codes.
Every palette below is computed from seagreen's position on the color wheel (hue 146°). Hover any swatch to see its code; click to copy.
Tints mix seagreen toward white; shades mix it toward black. Use the scale for hover states, borders and depth without leaving the hue.
WCAG 2.1 requires 4.5:1 for normal text (AA) and 3:1 for large text. Here's how seagreen performs, plus how it appears under the three main types of dichromatic color blindness (simulated approximation).
| Pairing | Ratio | Normal text | Large text |
|---|---|---|---|
| White text on Seagreen | 4.25:1 | Fail | AA |
| Black text on Seagreen | 4.95:1 | AA | AAA |
#565764#514A67#336E70Copy-ready snippets. In CSS you can also use the keyword seagreen directly.
:root {
--seagreen: #2E8B57;
--seagreen-rgb: 46, 139, 87;
--seagreen-tint: #8CBFA3;
--seagreen-shade: #194C30;
}
.btn-seagreen {
background: var(--seagreen);
color: #000000;
}// tailwind.config.js
colors: {
'seagreen': {
DEFAULT: '#2E8B57',
light: '#8CBFA3',
dark: '#194C30',
},
}The closest CSS named colors by perceptual (Lab) distance.