Coloried

Seafoam Green

Seafoam Green color is a bright shade of light green. Its hex code is #9FE2BF and rgb code is rgb(159, 226, 191), Its CMYK value is cmyk(30%, 0%, 15%, 11%), and Its HSL value is hsl(149, 54%, 75%). Its contrast ratio against white is 1.49:1, while against black, the contrast ratio is 14.11:1. Its complementary color is #E29DC0 and closest tailwind color is emerald-200. This color goes well with #35B1AF, #37B135, #23764B, #C84ECA, and #CA4E50. To recreate the Seafoam Green color, you can mix #FFFFFF and #3FC57F.

Seafoam Green color code
|
1. Color Conversions
HEX#9FE2BF
RGB159, 226, 191
HSL149°, 54%, 75%
HSV149°, 54%, 89%
CMYK30%, 0%, 15%, 11%
Web Safe#99CCCC
2. Contrast Ratio
Text on #FFFFFF1.49:1
Fail LargeFail Normal
Text on #00000014.11:1
AAA LargeAAA Normal
3. Seafoam Green Color Code in CSS
HEX
#9FE2BF
RGB
rgb(159, 226, 191)
HSL
hsl(149, 54%, 75%)
Text Color
color: #9FE2BF;
Background
background-color: #9FE2BF;
Border Color
border-color: #9FE2BF;
Box Shadow
box-shadow: 0 4px 14px 0 #9FE2BF80;
SCSS
$color-seafoam-green: #9FE2BF;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#BCBDC7
Deuteranopia#B8B3CA
Tritanopia#A2CED0
Achromatopsia#CACACA
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Light Mint#99F2C4
Light Greenish Blue#63F7B4
Pale Mint Green#C2E5D3
Turquoise Green#A0D6B4
Pale Mint#96CEB4
Greenish Turquoise#00FBB0
Greenish Cyan#2AFEB7
Mint Gray#9BAEA3
Light Blue Green#7EFBB3
Medium Spring Green#00FA9A
Color Ideas
White Lilac#F8F7FC
White Skin#FFF2E8
White Smoke#F5F5F5
Whiteout#FBFBFB
Wind Chime#E0E0E0
Wine Berry#591D35
Wine Red#7B0323
Winter Days#F6F6F6
Wintergreen#2F9576
Wisteria#C9A0DC
About Seafoam Green
Color Name
Seafoam Green
HEX
#9FE2BF
Color Family
emerald
X11 Name
Green
LAB
85.83, -7.91, 2.68
Preview Text
Aa