命名颜色 · #8CBF6F
Laudable Lime
Laudable Lime 即 #8CBF6F：rgb(140 191 111)、hsl(98 38% 59%)、oklch(0.75 0.121 135)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Laudable Lime color name →
#8CBF6F
oklch(0.75 0.121 135)
颜色转换
- HEX
- #8cbf6f
- RGB
- rgb(140 191 111)
- HSL
- hsl(98 38% 59%)
- HWB
- hwb(98 44% 25%)
- OKLCH
- oklch(0.75 0.121 135)
- OKLab
- oklab(0.75 -0.086 0.086)
- CIE Lab
- lab(72.33 -28.27 34.69)
- LCH
- lch(72.33 44.75 129.2)
- CMYK
- cmyk(27% 0% 42% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 97C67E
- A3CC8C
- AED39B
- BAD9A9
- C5DFB7
- D1E6C6
- DCECD4
- E8F2E2
- F3F9F1
深色调
- 79A660
- 678D51
- 557542
- 435E34
- 334827
- 23331A
- 141F0E
- 070D04
- 010201
灰色调
- 8BB972
- 8AB274
- 89AC76
- 88A678
- 879F7A
- 86997B
- 84937D
- 838D7E
- 81867F
配色和谐
互补色 +180°
- 8CBF6F
Laudable Lime
- CB96E3
≈ Somewhere in a Fairytale
类似色 -30° +30°
- 8CBF6F
Laudable Lime
- B9B24F
≈ Hemp Tea
- 56C69B
≈ Mermaid’s Kiss
三角配色 +120° +240°
- 8CBF6F
Laudable Lime
- 78B1F9
≈ French Sky Blue
- F08D95
≈ Ikkonzome Pink
分裂互补色 +150° +210°
- 8CBF6F
Laudable Lime
- A6A2F8
≈ Cold Lips
- E48EBF
≈ Tempting Pink
四角配色 +90° +180° +270°
- 8CBF6F
Laudable Lime
- 43BDE7
≈ Clean Pool
- CB96E3
≈ Somewhere in a Fairytale
- ED946B
≈ Sawtooth Aak
对比度与无障碍
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 {
--laudable-lime: #8cbf6f;
--laudable-lime-rgb: 140 191 111;
--laudable-lime-oklch: oklch(0.75 0.121 135);
}
.element {
color: var(--laudable-lime);
background-color: hsl(98 38% 59%);
border-color: oklch(0.75 0.121 135);
}Tailwind CSS v4
@theme {
--color-laudable-lime: #8cbf6f;
--color-laudable-lime-50: #e5fedc;
--color-laudable-lime-100: #d5f2ca;
--color-laudable-lime-200: #bce1ae;
--color-laudable-lime-300: #9ac688;
--color-laudable-lime-400: #7fae64;
--color-laudable-lime-500: #61973f;
--color-laudable-lime-600: #538037;
--color-laudable-lime-700: #42672b;
--color-laudable-lime-800: #314b1c;
--color-laudable-lime-900: #213412;
--color-laudable-lime-950: #111f05;
}SCSS
$laudable-lime: #8cbf6f;
$laudable-lime-rgb: 140, 191, 111;
$laudable-lime-light: mix(#fff, $laudable-lime, 20%);
$laudable-lime-dark: mix(#000, $laudable-lime, 20%);
.element {
color: $laudable-lime;
box-shadow: 0 0 0 2px rgba($laudable-lime, 0.35);
}