CSS Color: MediumSeaGreen
Named CSS color MediumSeaGreen — #3CB371 in HEX, rgb(60, 179, 113) in RGB, hsl(147, 50%, 47%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | MediumSeaGreen | color: MediumSeaGreen; |
| HEX | #3CB371 | color: #3CB371; |
| RGB | rgb(60, 179, 113) | color: rgb(60, 179, 113); |
| HSL | hsl(147, 50%, 47%) | color: hsl(147, 50%, 47%); |
About MediumSeaGreen
MediumSeaGreen is a balanced, pleasing green with a slight teal undertone. Its hex value `#3CB371` sits at 147 degrees on the hue wheel — shifted 27 degrees from pure green toward cyan. With 50% saturation and 47% lightness, it is neither too bright nor too dark.
In web design, MediumSeaGreen is an excellent choice for success states, confirmation messages, and positive indicators. Its teal undertone gives it a more modern, sophisticated feel compared to pure greens. It is widely used in fintech dashboards, health apps, and modern SaaS interfaces.
For accessibility, MediumSeaGreen against white achieves approximately 3.3:1 contrast, passing WCAG AA for large text. For normal text, consider using it on dark backgrounds where it achieves much better contrast.
MediumSeaGreen pairs well with white, dark navy, warm grays, and coral (its approximate complement). It is more vibrant than SeaGreen but more muted than SpringGreen. In Tailwind CSS, `emerald-500` provides a very close match for this modern green tone.
FAQ
What is the hex code for MediumSeaGreen?
The CSS named color MediumSeaGreen has the hex code #3CB371. You can use it in CSS as color: #3CB371; or simply color: MediumSeaGreen;.
What is MediumSeaGreen in RGB?
In RGB notation, MediumSeaGreen is rgb(60, 179, 113). Use it in CSS as color: rgb(60, 179, 113);.
What is MediumSeaGreen in HSL?
In HSL notation, MediumSeaGreen is hsl(147, 50%, 47%). Use it in CSS as color: hsl(147, 50%, 47%);.
What color category is MediumSeaGreen?
MediumSeaGreen belongs to the Green color family in the CSS named colors specification.
Can I use the name "MediumSeaGreen" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: MediumSeaGreen; or background-color: MediumSeaGreen; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert MediumSeaGreen to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →