Pikka Logo Pikka
Chrome App
Refreshing Minty Coastal Aqua Green Category: Green

Seafoam Green (#93E9BE) — Color Codes, Meaning & UI Palettes

Seafoam Green (#93E9BE) is a delicate, bright pastel green with ocean aqua undertones reminiscent of frothy ocean waves breaking on coastal shores. It symbolizes renewal, refreshing vitality, calmness, and environmental harmony.

Quick Answer (Seafoam Green Color Code): The exact HEX code for Seafoam Green is #93E9BE. In RGB, it is rgb(147, 233, 190). In HSL, it is hsl(150deg, 66%, 75%), and its print CMYK formulation is cmyk(37%, 0%, 18%, 9%). It has a relative luminance of 0.682 and pairs best in UI design with Deep Pine (#134E4A) and Warm Sand (#F5EBE0).
Click to Copy HEX
Seafoam Green
#93E9BE
HEX
#93E9BE
RGB
rgb(147, 233, 190)
HSL
hsl(150deg, 66%, 75%)
CMYK (Print)
cmyk(37%, 0%, 18%, 9%)
Apple Display P3
color(display-p3 0.576 0.914 0.745)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 1.43:1 (Fail)
Black Text (#000000) 14.64:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#EEFCF5
100
#DDF8EB
200
#BBF1D6
300
#91E8BD
400
#5EDE9E
500
#93E9BE
600
#5CDE9D
700
#2ACE7C
800
#1F985C
900
#15663D
950
#0C3922

Color Harmonies & Palette Schemes

Complementary

#E995BF
Opposite 180° Contrast

Analogous -30°

#95E995
Natural Harmony

Analogous +30°

#95E9E9
Natural Harmony

Triadic +120°

#BF95E9
120° Balanced Triad

Triadic +240°

#E9BF95
120° Balanced Triad

Curated UI Design Pairings for Seafoam Green

Perfect for eco-conscious brands, clean beauty, wellness dashboards, and summer UI themes. Pairs cleanly with forest greens, sandy beige, and crisp white.

Deep Pine
#134E4A
Solid Contrast Text
Warm Sand
#F5EBE0
Earthy Organic Surface
Soft White
#FAFDFB
Clean Background
Muted Terracotta
#E07A5F
Warm Earth Accent

Export Seafoam Green Code Snippets

CSS Variable --color-seafoam-green: #93E9BE;
Tailwind Config 'seafoam-green': '#93E9BE'
Swift / SwiftUI Color(hex: "#93E9BE")
JSON Design Token {"name": "Seafoam Green", "hex": "#93E9BE"}

Frequently Asked Questions About Seafoam Green (#93E9BE)

What is the exact HEX code for Seafoam Green?

The exact HEX code for Seafoam Green is #93E9BE. In 8-digit hexadecimal (with 100% opacity), it is #93E9BEFF. Its RGB decimal equivalent is rgb(147, 233, 190) and its HSL value is hsl(150deg, 66%, 75%).

What colors go best with Seafoam Green in UI and web design?

Seafoam Green pairs exceptionally well with Deep Pine (#134E4A), Warm Sand (#F5EBE0), Soft White (#FAFDFB), and Muted Terracotta (#E07A5F).

How do I use Seafoam Green in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #93E9BE; or background-color: #93E9BE;. In Tailwind CSS, use arbitrary value syntax like bg-[#93e9be] or text-[#93e9be], or define it in your Tailwind v4 @theme block as --color-seafoam-green: #93E9BE;.

Is Seafoam Green WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Seafoam Green achieves a contrast ratio of 1.43:1 (Fail). Against a pure black background (#000000), it achieves 14.64:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator