Figma color wheel
Want to find the perfect complementary or analogous colors to match Light Sea Green?
Light sea green is a calm, cool tone that evokes tranquility. Nestled between green and blue on the color wheel, it's a breezy mix of mint and seafoam. Nearby shades include light mint green and aquamarine. Ideal for designs needing a gentle hue, its pastel shade complements aesthetic palettes perfectly.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Tidal Jade
Aqua Noir
Aqua Bloom
Light Sea Green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #20B2AA
- RGB value: 12.5% red, 69.8% green, 66.7% 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 light sea green, consider:
- Seafoam (#8DDCDC): This color mirrors Light Sea Green’s cool tones, offering a gentle hue with a hint of blue, making it a perfect match for a soft, tranquil aesthetic palette.
- Mint Blue (#98FBCB): With its pastel shade and light mint green color, Mint Blue shares a fresh vibrancy akin to Light Sea Green, perfect for a light mint green paint or color scheme.
- Celadon (#A8DCAB): Celadon presents a soft green with a slightly more muted tone than Light Sea Green, providing a gentle, aesthetic vibe associated with serene environments.
- Turquoise (#40E0D0): Turquoise brings a vivid splash of blue to the mix, maintaining the cool tones of Light Sea Green while adding a dynamic and refreshing energy to any color scheme.
To complement Light Sea Green, consider pairing it with:
- Ivory (#FFFFE3): This soft, muted neutral provides a gentle contrast, enhancing the cool tones of Light Sea Green and creating a calming and balanced aesthetic palette.
- Coral (#FF8559): With its warm, vibrant hue, coral introduces energy and warmth, complementing the refreshing nature of Light Sea Green for a dynamic color scheme.
- Navy Blue (#000080): This deep, bold shade balances Light Sea Green’s brightness, adding depth and sophistication to your design inspiration.
- Mustard Yellow (#FFCE1B): The warm, earthy tone of mustard yellow offers an energetic contrast, making Light Sea Green’s cool tones stand out in a playful yet refined way.
- Mauve (#E0AFFF): This gentle hue pairs well with Light Sea Green, creating a visually appealing aesthetic that’s both soothing and fresh.
While light sea green is fresh and calming, it may clash with:
- Neon Orange (#FF5C00): Neon orange’s intensity and vibrancy can overwhelm the subtlety of light sea green, creating a jarring visual contrast that disrupts balance in a color scheme.
- Radical Red (#FF355E): Radical red’s brightness can compete with light sea green’s cool tones, leading to a visually stark and unsettling palette.
- Bright Yellow (#FFED29): Bright yellow’s high energy and luminosity can overpower light sea green, making the combination difficult to balance aesthetically.
- Aubergine (#372528): Aubergine’s dark, muted tone clashes with the vibrancy of light sea green, causing tension and a lack of cohesion in design projects.
- Crimson Red (#B22222): Crimson red’s deep warmth can create an awkward contrast with light sea green’s cool freshness, resulting in a discordant pairing.
Contrast checker
Contrast 2.62
- Large Text
#20B2AA
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 8.01
- Large Text
#20B2AA
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #20B2AA, known as Light Sea Green, has RGB values of R:32, G:178, B:170 and CMYK values of C:82, M:0, Y:4, K:30.
| VALUE | CSS | |
|---|---|---|
| HEX | #20B2AA | #20B2AA |
| RGB DECIMAL | 32, 178, 170 | RGB(32,178,170) |
| RGB PERCENTAGE | 12.5, 69.8, 66.7 | RGB(12.5%,69.8%,66.7%) |
| CMYK | 82, 0, 4, 30 | |
| HSL | HSL(176.7, 69.5%, 41.2%) | HSL(176.7, 69.5%, 41.2%) |
| HSV (OR HSB) | 176.7°, 82.0, 69.8 | |
| WEB SAFE | #51153153 | #51153153 |
| BINARY | 00100000, 10110010, 10101010 | |
| iOS - SwiftUI | Color(red: 0.125, green: 0.698, blue: 0.667) | |
| iOS - UIKit | UIColor(red: 0.125, green: 0.698, blue: 0.667, alpha: 1) | |
| Android - Compose | Color(0xFF20B2AA) |
