Seafoam green color: code #9FE2BF
Seafoam green
#9FE2BF
Color codes
- HEX
#9FE2BF - RGB
rgb(159, 226, 191) - HSL
hsl(149, 54%, 75%) - HSV
hsv(149, 30%, 89%) - CMYK
cmyk(30%, 0%, 15%, 11%) - LAB
lab(84.8% -28.3 10.4) - OKLCH
oklch(85.8% 0.084 161.2)
About the color Seafoam green
Seafoam green has the HEX code #9FE2BF, which corresponds to rgb(159, 226, 191) in the RGB model. On the color wheel its hue sits at 149°, with 54% saturation and 75% lightness (hsl(149, 54%, 75%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 14.10:1 contrast ratio on it, versus 1.48:1 for white.
For print, the approximate conversion is cmyk(30%, 0%, 15%, 11%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Seafoam green
Complementary
#9FE2BF · #E29DC0
Analogous
#9EE29D · #9FE2BF · #9DE2E1
Triadic
#9FE2BF · #BE9DE2 · #E2BE9D
Tetradic
#9FE2BF · #9D9EE2 · #E29DC0 · #E2E19D
Split-complementary
#9FE2BF · #E19DE2 · #E29D9E
Monochromatic
#3BC47D · #76D6A4 · #9FE2BF · #D8F3E5 · #FFFFFF
Seafoam green with white and black text
How to use it in CSS
:root {
--color-seafoam-green: #9FE2BF;
--color-seafoam-green-rgb: 159, 226, 191;
}
.elemento {
background-color: var(--color-seafoam-green);
color: #000000;
}