最接近的命名颜色 · #9BB999
#9BB999
最接近的命名颜色: Foliage
#9BB999（rgb(155 185 153)、hsl(116 19% 66%)、oklch(0.754 0.056 143.4)）最接近命名颜色 Foliage。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9BB999
oklch(0.754 0.056 143.4)
颜色转换
- HEX
- #9bb999
- RGB
- rgb(155 185 153)
- HSL
- hsl(116 19% 66%)
- HWB
- hwb(116 60% 27%)
- OKLCH
- oklch(0.754 0.056 143.4)
- OKLab
- oklab(0.754 -0.045 0.033)
- CIE Lab
- lab(72.23 -15.23 12.76)
- LCH
- lch(72.23 19.87 140)
- CMYK
- cmyk(16% 0% 17% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- A5C0A3
- AFC7AD
- B8CEB7
- C2D5C1
- CCDCCB
- D6E3D5
- E0EAE0
- EBF1EA
- F5F8F4
深色调
- 86A084
- 728970
- 5E715D
- 4B5B4A
- 394638
- 283127
- 181E17
- 090D08
- 010201
灰色调
- 98B397
- 96AD94
- 93A892
- 90A28F
- 8E9C8D
- 8B968A
- 889188
- 868B85
- 838683
配色和谐
互补色 +180°
- 9BB999
Foliage
- C1A4C4
≈ Novel Lilac
类似色 -30° +30°
- 9BB999
Foliage
- AFB48B
≈ Sumptuous Sage
- 8BBBAC
≈ Mild Evergreen
三角配色 +120° +240°
- 9BB999
Foliage
- 9DB0D4
≈ Heartsong
- D1A29F
≈ Ruby Eye
分裂互补色 +150° +210°
- 9BB999
Foliage
- B0A9D0
≈ Wisteria-Wise
- CDA1B2
≈ Raspberry Smoothie
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.14:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.79:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--foliage: #9bb999;
--foliage-rgb: 155 185 153;
--foliage-oklch: oklch(0.754 0.056 143.4);
}
.element {
color: var(--foliage);
background-color: hsl(116 19% 66%);
border-color: oklch(0.754 0.056 143.4);
}Tailwind CSS v4
@theme {
--color-foliage: #9bb999;
--color-foliage-50: #ecfaec;
--color-foliage-100: #ddeddd;
--color-foliage-200: #c6dbc6;
--color-foliage-300: #a6bfa6;
--color-foliage-400: #8ba78a;
--color-foliage-500: #70906e;
--color-foliage-600: #5f7a5e;
--color-foliage-700: #4c624b;
--color-foliage-800: #384735;
--color-foliage-900: #263124;
--color-foliage-950: #141d13;
}SCSS
$foliage: #9bb999;
$foliage-rgb: 155, 185, 153;
$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);
}