命名颜色 · #B5CE08
Lime Rasp
Lime Rasp 即 #B5CE08：rgb(181 206 8)、hsl(68 93% 42%)、oklch(0.804 0.186 118.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Lime Rasp color name →
#B5CE08
oklch(0.804 0.186 118.2)
颜色转换
- HEX
- #b5ce08
- RGB
- rgb(181 206 8)
- HSL
- hsl(68 93% 42%)
- HWB
- hwb(68 3% 19%)
- OKLCH
- oklch(0.804 0.186 118.2)
- OKLab
- oklab(0.804 -0.088 0.164)
- CIE Lab
- lab(78.78 -23.72 76.34)
- LCH
- lch(78.78 79.94 107.3)
- CMYK
- cmyk(12% 0% 96% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- BCD341
- C3D95F
- CADE77
- D1E38D
- D9E8A1
- E0EDB4
- E8F1C7
- EFF6DA
- F7FBED
深色调
- 9DB306
- 869804
- 6F7F03
- 596602
- 444E01
- 303801
- 1D2300
- 0C0F00
- 020200
灰色调
- AFC630
- AABF42
- A4B750
- 9FAF5A
- 99A763
- 949F6A
- 8F9871
- 8A9076
- 85887C
配色和谐
互补色 +180°
- B5CE08
Lime Rasp
- C8AFFF
≈ Teasel Dipsacus
类似色 -30° +30°
- B5CE08
Lime Rasp
- EBB700
≈ Pattypan
- 57DF77
≈ Weird Green
三角配色 +120° +240°
- B5CE08
Lime Rasp
- 75C9FF
≈ Bubbly Barracuda
- FF9DBE
≈ Saira Red
分裂互补色 +150° +210°
- B5CE08
Lime Rasp
- A4BDFF
≈ Pastel Blue
- FE8FFB
≈ Darling Bud
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.79:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--lime-rasp: #b5ce08;
--lime-rasp-rgb: 181 206 8;
--lime-rasp-oklch: oklch(0.804 0.186 118.2);
}
.element {
color: var(--lime-rasp);
background-color: hsl(68 93% 42%);
border-color: oklch(0.804 0.186 118.2);
}Tailwind CSS v4
@theme {
--color-lime-rasp: #b5ce08;
--color-lime-rasp-50: #eefec2;
--color-lime-rasp-100: #dff2ab;
--color-lime-rasp-200: #cae083;
--color-lime-rasp-300: #abc54c;
--color-lime-rasp-400: #95ac00;
--color-lime-rasp-500: #7d9300;
--color-lime-rasp-600: #6a7d00;
--color-lime-rasp-700: #546400;
--color-lime-rasp-800: #404900;
--color-lime-rasp-900: #2c3200;
--color-lime-rasp-950: #191e00;
}SCSS
$lime-rasp: #b5ce08;
$lime-rasp-rgb: 181, 206, 8;
$lime-rasp-light: mix(#fff, $lime-rasp, 20%);
$lime-rasp-dark: mix(#000, $lime-rasp, 20%);
.element {
color: $lime-rasp;
box-shadow: 0 0 0 2px rgba($lime-rasp, 0.35);
}