Skip to content

Seagreen #2E8B57

seagreen · rgb(46, 139, 87)
Color formats
HEX#2E8B57
RGBrgb(46, 139, 87)
HSLhsl(146, 50%, 36%)
HSVhsv(146, 67%, 55%)
OKLCHoklch(57% 0.12 155)
CMYKcmyk(67%, 0%, 37%, 45%)
Contrast & accessibility
On white4.25:1below AA
On black4.95:1AA pass
Best text color#000000
Nearest CSS name: seagreen
Copy-ready code
CSS custom properties
:root {
  --seagreen: #2e8b57;
  --seagreen-rgb: 46 139 87;
  --seagreen-oklch: oklch(57% 0.12 155);
}
The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--seagreen-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#2e8b57] text-[#2e8b57] border-[#2e8b57]
Shades & tints
50
#E4ECE7
100
#D0E1D7
200
#A5CEB7
300
#76BF96
400
#46B175
500
#2E8B57
600
#286E47
700
#205236
800
#183725
900
#0E1E15
950
#08110C
Color harmonies
Complementary
#8B2E62
Analogous −30°
#338B2E
Analogous +30°
#2E8B86
Triadic +120°
#572E8B
Triadic −120°
#8B572E
About this color

#2E8B57 is a color with the RGB value rgb(46, 139, 87). Its closest CSS named color is "seagreen". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.

Related

Convert #2E8B57 to other formats

Palettes with a similar color

Gradients with a similar color

✓ Copied