最接近的命名颜色 · #9BBE8A
#9BBE8A
最接近的命名颜色: Foliage
#9BBE8A（rgb(155 190 138)、hsl(100 29% 64%)、oklch(0.762 0.081 135.6)）最接近命名颜色 Foliage。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9BBE8A
oklch(0.762 0.081 135.6)
颜色转换
- HEX
- #9bbe8a
- RGB
- rgb(155 190 138)
- HSL
- hsl(100 29% 64%)
- HWB
- hwb(100 54% 25%)
- OKLCH
- oklch(0.762 0.081 135.6)
- OKLab
- oklab(0.762 -0.058 0.057)
- CIE Lab
- lab(73.38 -19.46 22.32)
- LCH
- lch(73.38 29.61 131.1)
- CMYK
- cmyk(18% 0% 27% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- A5C496
- AFCBA1
- B8D1AD
- C2D8B8
- CCDEC4
- D6E5D0
- E0EBDB
- EBF2E7
- F5F8F3
深色调
- 86A577
- 728C65
- 5E7553
- 4B5E42
- 394832
- 283322
- 181F14
- 090D07
- 010201
灰色调
- 98B889
- 96B189
- 93AB88
- 90A587
- 8E9F86
- 8B9985
- 889284
- 868C82
- 838681
配色和谐
互补色 +180°
- 9BBE8A
Foliage
- C6A2D5
≈ Lilac Lace
类似色 -30° +30°
- 9BBE8A
Foliage
- B9B578
≈ Misty Moss
- 7EC3A6
≈ Green Balloon
三角配色 +120° +240°
- 9BBE8A
Foliage
- 8FB4E5
≈ Adrift on the Nile
- E19DA1
≈ Pimlico
分裂互补色 +150° +210°
- 9BBE8A
Foliage
- ACABE4
≈ Maximum Blue Purple
- D89DBD
≈ Pink Begonia
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.07:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.12:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--foliage: #9bbe8a;
--foliage-rgb: 155 190 138;
--foliage-oklch: oklch(0.762 0.081 135.6);
}
.element {
color: var(--foliage);
background-color: hsl(100 29% 64%);
border-color: oklch(0.762 0.081 135.6);
}Tailwind CSS v4
@theme {
--color-foliage: #9bbe8a;
--color-foliage-50: #eafbe5;
--color-foliage-100: #dbefd4;
--color-foliage-200: #c4ddbb;
--color-foliage-300: #a4c299;
--color-foliage-400: #89aa79;
--color-foliage-500: #6e935b;
--color-foliage-600: #5d7c4e;
--color-foliage-700: #4a633e;
--color-foliage-800: #37492b;
--color-foliage-900: #25321d;
--color-foliage-950: #141e0d;
}SCSS
$foliage: #9bbe8a;
$foliage-rgb: 155, 190, 138;
$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);
}