Named color · #B1EAE8
Spearmint Water
Spearmint Water is #B1EAE8: rgb(177 234 232), hsl(178 58% 81%), oklch(0.898 0.058 193.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Spearmint Water color name →
#B1EAE8
oklch(0.898 0.058 193.5)
Color conversions
- HEX
- #b1eae8
- RGB
- rgb(177 234 232)
- HSL
- hsl(178 58% 81%)
- HWB
- hwb(178 69% 8%)
- OKLCH
- oklch(0.898 0.058 193.5)
- OKLab
- oklab(0.898 -0.056 -0.013)
- CIE Lab
- lab(88.76 -19.06 -5.24)
- LCH
- lch(88.76 19.77 195.4)
- CMYK
- cmyk(24% 0% 1% 8%)
Tints · Shades · Tones
Tints
- B9ECEA
- C1EEED
- C9F0EF
- D1F3F1
- D9F5F3
- E1F7F6
- E8F9F8
- F0FBFA
- F7FDFD
Shades
- 99CBCA
- 83AEAC
- 6C9190
- 577574
- 425A59
- 2F4140
- 1C2929
- 0C1313
- 010303
Tones
- ACDFDD
- A8D4D2
- A3C9C8
- 9EBEBD
- 99B4B3
- 94A9A8
- 8F9F9E
- 8A9494
- 858A8A
Color harmonies
Complementary +180°
- B1EAE8
Spearmint Water
- FFCFD3
≈ Love Fumes
Analogous -30° +30°
- B1EAE8
Spearmint Water
- BBEAD3
≈ Mediterranean Mist
- B4E6FA
≈ Breaking the Ice
Triadic +120° +240°
- B1EAE8
Spearmint Water
- EBD3F9
≈ Mousse aux Pruneaux
- F5D8B4
≈ Walnut Cream
Split-complementary +150° +210°
- B1EAE8
Spearmint Water
- FACFE7
≈ Little Smile
- FFD2C0
≈ Simply Delicious
Tetradic +90° +180° +270°
- B1EAE8
Spearmint Water
- D8DAFF
≈ Transparent Blue
- FFCFD3
≈ Love Fumes
- E3E0B4
≈ Schabziger Green
Contrast & accessibility
Ag
FailOn white
WCAG 1.32:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.80:1 · APCA Lc 88
Best text color: #000000
WCAG 15.80:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--spearmint-water: #b1eae8;
--spearmint-water-rgb: 177 234 232;
--spearmint-water-oklch: oklch(0.898 0.058 193.5);
}
.element {
color: var(--spearmint-water);
background-color: hsl(178 58% 81%);
border-color: oklch(0.898 0.058 193.5);
}Tailwind CSS v4
@theme {
--color-spearmint-water: #b1eae8;
--color-spearmint-water-50: #e3fbfa;
--color-spearmint-water-100: #d3eeee;
--color-spearmint-water-200: #b9dcdc;
--color-spearmint-water-300: #95c1c1;
--color-spearmint-water-400: #76aaa8;
--color-spearmint-water-500: #559391;
--color-spearmint-water-600: #497c7b;
--color-spearmint-water-700: #3a6362;
--color-spearmint-water-800: #294947;
--color-spearmint-water-900: #1c3331;
--color-spearmint-water-950: #0c1e1d;
}SCSS
$spearmint-water: #b1eae8;
$spearmint-water-rgb: 177, 234, 232;
$spearmint-water-light: mix(#fff, $spearmint-water, 20%);
$spearmint-water-dark: mix(#000, $spearmint-water, 20%);
.element {
color: $spearmint-water;
box-shadow: 0 0 0 2px rgba($spearmint-water, 0.35);
}