最接近的命名颜色 · #8CB58F
#8CB58F
最接近的命名颜色: Foliage
#8CB58F（rgb(140 181 143)、hsl(124 22% 63%)、oklch(0.733 0.07 146.7)）最接近命名颜色 Foliage。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8CB58F
oklch(0.733 0.07 146.7)
颜色转换
- HEX
- #8cb58f
- RGB
- rgb(140 181 143)
- HSL
- hsl(124 22% 63%)
- HWB
- hwb(124 55% 29%)
- OKLCH
- oklch(0.733 0.07 146.7)
- OKLab
- oklab(0.733 -0.058 0.038)
- CIE Lab
- lab(69.91 -20.01 14.76)
- LCH
- lch(69.91 24.86 143.6)
- CMYK
- cmyk(23% 0% 21% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- 97BC9A
- A3C4A5
- AECBB0
- B9D2BB
- C5DAC6
- D0E1D1
- DCE9DD
- E8F0E8
- F3F7F3
深色调
- 799D7C
- 678669
- 556F57
- 435945
- 334434
- 233024
- 141D15
- 070C07
- 010201
灰色调
- 8BB08E
- 8AAA8C
- 89A58B
- 88A089
- 879A88
- 859586
- 849085
- 838A83
- 818582
配色和谐
互补色 +180°
- 8CB58F
Foliage
- C19AC0
≈ Lupine
类似色 -30° +30°
- 8CB58F
Foliage
- A5AF7C
≈ Fresh Guacamole
- 77B7A7
≈ Turtle Lake
三角配色 +120° +240°
- 8CB58F
Foliage
- 95A8D6
≈ Foresight
- D19891
≈ Tobermory
分裂互补色 +150° +210°
- 8CB58F
Foliage
- ADA0D0
≈ Imperial Lilac
- CD97A9
≈ Honey Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.30:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.12:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--foliage: #8cb58f;
--foliage-rgb: 140 181 143;
--foliage-oklch: oklch(0.733 0.07 146.7);
}
.element {
color: var(--foliage);
background-color: hsl(124 22% 63%);
border-color: oklch(0.733 0.07 146.7);
}Tailwind CSS v4
@theme {
--color-foliage: #8cb58f;
--color-foliage-50: #e8fbea;
--color-foliage-100: #d9efdb;
--color-foliage-200: #c1ddc4;
--color-foliage-300: #9fc2a4;
--color-foliage-400: #84aa86;
--color-foliage-500: #67936b;
--color-foliage-600: #587c5b;
--color-foliage-700: #466448;
--color-foliage-800: #334933;
--color-foliage-900: #233323;
--color-foliage-950: #121e12;
}SCSS
$foliage: #8cb58f;
$foliage-rgb: 140, 181, 143;
$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);
}