命名颜色 · #B1EAE8
Spearmint Water
Spearmint Water 即 #B1EAE8：rgb(177 234 232)、hsl(178 58% 81%)、oklch(0.898 0.058 193.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Teal mean? → · Spearmint Water color name →
#B1EAE8
oklch(0.898 0.058 193.5)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- B9ECEA
- C1EEED
- C9F0EF
- D1F3F1
- D9F5F3
- E1F7F6
- E8F9F8
- F0FBFA
- F7FDFD
深色调
- 99CBCA
- 83AEAC
- 6C9190
- 577574
- 425A59
- 2F4140
- 1C2929
- 0C1313
- 010303
灰色调
- ACDFDD
- A8D4D2
- A3C9C8
- 9EBEBD
- 99B4B3
- 94A9A8
- 8F9F9E
- 8A9494
- 858A8A
配色和谐
互补色 +180°
- B1EAE8
Spearmint Water
- FFCFD3
≈ Love Fumes
类似色 -30° +30°
- B1EAE8
Spearmint Water
- BBEAD3
≈ Mediterranean Mist
- B4E6FA
≈ Breaking the Ice
三角配色 +120° +240°
- B1EAE8
Spearmint Water
- EBD3F9
≈ Mousse aux Pruneaux
- F5D8B4
≈ Walnut Cream
分裂互补色 +150° +210°
- B1EAE8
Spearmint Water
- FACFE7
≈ Little Smile
- FFD2C0
≈ Simply Delicious
四角配色 +90° +180° +270°
- B1EAE8
Spearmint Water
- D8DAFF
≈ Transparent Blue
- FFCFD3
≈ Love Fumes
- E3E0B4
≈ Schabziger Green
对比度与无障碍
Ag
Fail白底
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黑底
WCAG 15.80:1 · APCA Lc 88
最佳文字颜色: #000000
WCAG 15.80:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
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);
}