最接近的命名颜色 · #9DBB89
#9DBB89
最接近的命名颜色: Foliage
#9DBB89（rgb(157 187 137)、hsl(96 27% 64%)、oklch(0.757 0.077 133.2)）最接近命名颜色 Foliage。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9DBB89
oklch(0.757 0.077 133.2)
颜色转换
- HEX
- #9dbb89
- RGB
- rgb(157 187 137)
- HSL
- hsl(96 27% 64%)
- HWB
- hwb(96 54% 27%)
- OKLCH
- oklch(0.757 0.077 133.2)
- OKLab
- oklab(0.757 -0.052 0.056)
- CIE Lab
- lab(72.66 -17.43 21.91)
- LCH
- lch(72.66 28 128.5)
- CMYK
- cmyk(16% 0% 27% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- A7C295
- B0C9A0
- BACFAC
- C3D6B8
- CDDDC3
- D7E4CF
- E1EADB
- EBF1E7
- F5F8F3
深色调
- 88A276
- 738A64
- 5F7353
- 4C5C42
- 3A4631
- 283222
- 181F14
- 090D07
- 010201
灰色调
- 9AB588
- 97AF88
- 94A987
- 91A386
- 8F9D85
- 8C9784
- 899183
- 868C82
- 838681
配色和谐
互补色 +180°
- 9DBB89
Foliage
- C1A2D3
≈ Enchanted Lavender
类似色 -30° +30°
- 9DBB89
Foliage
- B8B379
≈ Misty Moss
- 82C0A2
≈ Baby Cake
三角配色 +120° +240°
- 9DBB89
Foliage
- 8EB3E0
≈ Blue Skies Today
- DC9CA2
≈ Glamour
分裂互补色 +150° +210°
- 9DBB89
Foliage
- A9AAE0
≈ Maximum Blue Purple
- D39DBD
≈ Sweet Perfume
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.90:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--foliage: #9dbb89;
--foliage-rgb: 157 187 137;
--foliage-oklch: oklch(0.757 0.077 133.2);
}
.element {
color: var(--foliage);
background-color: hsl(96 27% 64%);
border-color: oklch(0.757 0.077 133.2);
}Tailwind CSS v4
@theme {
--color-foliage: #9dbb89;
--color-foliage-50: #ecfbe5;
--color-foliage-100: #ddeed5;
--color-foliage-200: #c6dcbc;
--color-foliage-300: #a7c19a;
--color-foliage-400: #8da97a;
--color-foliage-500: #72915c;
--color-foliage-600: #617b4e;
--color-foliage-700: #4d623e;
--color-foliage-800: #39482c;
--color-foliage-900: #27321d;
--color-foliage-950: #151e0d;
}SCSS
$foliage: #9dbb89;
$foliage-rgb: 157, 187, 137;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}