Sea green is a calming color that sits between blue and green on the color wheel. It has a fresh bluish-green hue, reminiscent of ocean waters and minty shades. Related colors include aqua and teal. Use sea green to add a tranquil vibe to designs, perfect for fresh and serene themes.
Sea Green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #2E8B57
- RGB value: 18.0% red, 54.5% green, 34.1% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as Sea Green, consider:
- Mint green (#adebb3): Mint green offers a soft, refreshing hue with a light, airy feel, similar to the tranquil vibes of sea green.
- Celadon (#a8dcab): Celadon delivers a toned-down, elegant green with a subtle pastel quality, closely aligning with the calm of sea green.
- Aqua (#00fff0): Aqua introduces a vibrant, watery shade with a higher blue content, capturing the aquatic essence shared with sea green.
- Turquoise (#40e0d0): Turquoise presents a vivid, lively blend of blue and green, echoing the cool, refreshing nature of sea green.
To complement sea green, consider pairing it with:
- Coral (#FF8559): It introduces a warm, lively contrast that enhances the coolness of sea green, creating a vibrant and refreshing palette.
- Peach (#FFD3AC): This soft, warm hue complements sea green's serene nature, offering a soothing and balanced combination that's pleasing to the eye.
- Slate Gray (#6D8196): It provides a subdued, neutral background that allows the sea green to stand out, adding a sophisticated touch to the palette.
- Orchid (#ED80E9): This playful, light purple brings vibrancy and complements sea green’s tranquility, making for a harmonious look.
While Sea Green is calming and refreshing, it may clash with:
- Neon Orange (#FF5C00): This bright and intense hue may create an overly vibrant and chaotic contrast with the soothing qualities of Sea Green.
- Crimson Red (#B22222): The deep, intense red can overpower Sea Green’s soft and tranquil vibes, leading to a visually harsh combination.
- Violet (#7F00FF): The bold and vibrant nature of violet may compete with Sea Green, creating a dissonant and unbalanced palette.
- Fuchsia (#FF00FF): The intense brightness of fuchsia can overwhelm the serene and balanced tone of Sea Green, resulting in a clash of vibrancy.
- Bright Yellow (#FFED29): The high luminosity of bright yellow can overshadow Sea Green, leading to an unharmonious and jarring visual experience.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Mint Spruce
Jade Blossom
Spice Jungle
Contrast checker
Contrast 4.25
- Large Text
#2E8B57
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 4.95
- Large Text
#2E8B57
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #2E8B57, known as Sea Green, has RGB values of R:46, G:139, B:87 and CMYK values of C:67, M:0, Y:37, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #2E8B57 | #2E8B57 |
| RGB DECIMAL | 46, 139, 87 | RGB(46,139,87) |
| RGB PERCENTAGE | 18.0, 54.5, 34.1 | RGB(18.0%,54.5%,34.1%) |
| CMYK | 67, 0, 37, 45 | |
| HSL | HSL(146.5, 50.3%, 36.3%) | HSL(146.5, 50.3%, 36.3%) |
| HSV (OR HSB) | 146.5°, 66.9, 54.5 | |
| WEB SAFE | #51153102 | #51153102 |
| BINARY | 00101110, 10001011, 01010111 | |
| iOS - SwiftUI | Color(red: 0.180, green: 0.545, blue: 0.341) | |
| iOS - UIKit | UIColor(red: 0.180, green: 0.545, blue: 0.341, alpha: 1) | |
| Android - Compose | Color(0xFF2E8B57) |
