命名颜色 · #BBBB11
Pickled Limes
Pickled Limes 即 #BBBB11：rgb(187 187 17)、hsl(60 83% 40%)、oklch(0.767 0.164 109.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Pickled Limes color name →
#BBBB11
oklch(0.767 0.164 109.7)
颜色转换
- HEX
- #bbbb11
- RGB
- rgb(187 187 17)
- HSL
- hsl(60 83% 40%)
- HWB
- hwb(60 7% 27%)
- OKLCH
- oklch(0.767 0.164 109.7)
- OKLab
- oklab(0.767 -0.055 0.155)
- CIE Lab
- lab(74.01 -12.32 72.09)
- LCH
- lch(74.01 73.14 99.7)
- CMYK
- cmyk(0% 0% 91% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C1C241
- C8C95D
- CED075
- D5D78A
- DCDE9F
- E2E5B2
- E9EBC6
- F1F2D9
- F8F9EC
深色调
- A2A20D
- 8A8A09
- 737306
- 5C5C04
- 464602
- 323201
- 1F1F00
- 0D0D00
- 020200
灰色调
- B5B530
- AFAF41
- A8AA4E
- A2A458
- 9C9E61
- 969869
- 91926F
- 8B8C75
- 85867B
配色和谐
互补色 +180°
- BBBB11
Pickled Limes
- B2A5FF
≈ Shy Moment
类似色 -30° +30°
- BBBB11
Pickled Limes
- E8A600
≈ Flambrosia
- 77CC62
≈ Energise
三角配色 +120° +240°
- BBBB11
Pickled Limes
- 17C3FF
≈ Spiro Disco Ball
- FE84C2
≈ Pink Orchid Mantis
分裂互补色 +150° +210°
- BBBB11
Pickled Limes
- 86B4FF
≈ Parakeet Blue
- E08EF4
≈ Bright Lilac
四角配色 +90° +180° +270°
- BBBB11
Pickled Limes
- 00CCD3
≈ Jade Glass
- B2A5FF
≈ Shy Moment
- FF8D8F
≈ Coral Trails
对比度与无障碍
Ag
Fail白底
WCAG 2.05:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.22:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--pickled-limes: #bbbb11;
--pickled-limes-rgb: 187 187 17;
--pickled-limes-oklch: oklch(0.767 0.164 109.7);
}
.element {
color: var(--pickled-limes);
background-color: hsl(60 83% 40%);
border-color: oklch(0.767 0.164 109.7);
}Tailwind CSS v4
@theme {
--color-pickled-limes: #bbbb11;
--color-pickled-limes-50: #f6fbc4;
--color-pickled-limes-100: #e9eeae;
--color-pickled-limes-200: #d6dc88;
--color-pickled-limes-300: #babf54;
--color-pickled-limes-400: #a6a500;
--color-pickled-limes-500: #8f8d00;
--color-pickled-limes-600: #797700;
--color-pickled-limes-700: #615f00;
--color-pickled-limes-800: #494500;
--color-pickled-limes-900: #333000;
--color-pickled-limes-950: #1e1c00;
}SCSS
$pickled-limes: #bbbb11;
$pickled-limes-rgb: 187, 187, 17;
$pickled-limes-light: mix(#fff, $pickled-limes, 20%);
$pickled-limes-dark: mix(#000, $pickled-limes, 20%);
.element {
color: $pickled-limes;
box-shadow: 0 0 0 2px rgba($pickled-limes, 0.35);
}