命名颜色 · #B9D786
Pastel Lime
Pastel Lime 即 #B9D786：rgb(185 215 134)、hsl(82 50% 68%)、oklch(0.838 0.111 125.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Pastel Lime color name →
#B9D786
oklch(0.838 0.111 125.3)
颜色转换
- HEX
- #b9d786
- RGB
- rgb(185 215 134)
- HSL
- hsl(82 50% 68%)
- HWB
- hwb(82 53% 16%)
- OKLCH
- oklch(0.838 0.111 125.3)
- OKLab
- oklab(0.838 -0.064 0.09)
- CIE Lab
- lab(82.35 -20.28 36.52)
- LCH
- lch(82.35 41.77 119)
- CMYK
- cmyk(14% 0% 38% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- C0DB93
- C7DF9F
- CEE3AB
- D4E7B8
- DBEBC4
- E2EFD0
- EAF3DB
- F1F7E7
- F8FBF3
深色调
- A0BB74
- 899F62
- 718551
- 5B6B40
- 465230
- 313B21
- 1E2513
- 0D1106
- 020201
灰色调
- B3CE86
- ADC586
- A7BC86
- A2B486
- 9CAB85
- 96A284
- 919A84
- 8B9183
- 868881
配色和谐
互补色 +180°
- B9D786
Pastel Lime
- D9B9FF
≈ Lavender Fragrance
类似色 -30° +30°
- B9D786
Pastel Lime
- E0CA72
≈ Dijon Mustard
- 8CE0AB
≈ Jovial Jade
三角配色 +120° +240°
- B9D786
Pastel Lime
- 9BD0FF
≈ Baby Blue
- FFB1C1
≈ Soft Pink
分裂互补色 +150° +210°
- B9D786
Pastel Lime
- BAC6FF
≈ Light Periwinkle
- F7AEE6
≈ Hanami Pink
四角配色 +90° +180° +270°
- B9D786
Pastel Lime
- 68DCF7
≈ Athena Blue
- D9B9FF
≈ Lavender Fragrance
- FFB5A2
≈ Nature Apricot
对比度与无障碍
Ag
Fail白底
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.12:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--pastel-lime: #b9d786;
--pastel-lime-rgb: 185 215 134;
--pastel-lime-oklch: oklch(0.838 0.111 125.3);
}
.element {
color: var(--pastel-lime);
background-color: hsl(82 50% 68%);
border-color: oklch(0.838 0.111 125.3);
}Tailwind CSS v4
@theme {
--color-pastel-lime: #b9d786;
--color-pastel-lime-50: #ecfcda;
--color-pastel-lime-100: #deefc8;
--color-pastel-lime-200: #c7deab;
--color-pastel-lime-300: #a8c285;
--color-pastel-lime-400: #8faa5f;
--color-pastel-lime-500: #759339;
--color-pastel-lime-600: #637c32;
--color-pastel-lime-700: #4f6327;
--color-pastel-lime-800: #3b4819;
--color-pastel-lime-900: #283210;
--color-pastel-lime-950: #161e03;
}SCSS
$pastel-lime: #b9d786;
$pastel-lime-rgb: 185, 215, 134;
$pastel-lime-light: mix(#fff, $pastel-lime, 20%);
$pastel-lime-dark: mix(#000, $pastel-lime, 20%);
.element {
color: $pastel-lime;
box-shadow: 0 0 0 2px rgba($pastel-lime, 0.35);
}