Màu có tên · #BBBB11
Pickled Limes
Pickled Limes là #BBBB11: rgb(187 187 17), hsl(60 83% 40%), oklch(0.767 0.164 109.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Pickled Limes color name →
#BBBB11
oklch(0.767 0.164 109.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C1C241
- C8C95D
- CED075
- D5D78A
- DCDE9F
- E2E5B2
- E9EBC6
- F1F2D9
- F8F9EC
Sắc đậm
- A2A20D
- 8A8A09
- 737306
- 5C5C04
- 464602
- 323201
- 1F1F00
- 0D0D00
- 020200
Sắc xám
- B5B530
- AFAF41
- A8AA4E
- A2A458
- 9C9E61
- 969869
- 91926F
- 8B8C75
- 85867B
Hòa sắc
Bổ túc +180°
- BBBB11
Pickled Limes
- B2A5FF
≈ Shy Moment
Tương đồng -30° +30°
- BBBB11
Pickled Limes
- E8A600
≈ Flambrosia
- 77CC62
≈ Energise
Bộ ba +120° +240°
- BBBB11
Pickled Limes
- 17C3FF
≈ Spiro Disco Ball
- FE84C2
≈ Pink Orchid Mantis
Bổ túc chia +150° +210°
- BBBB11
Pickled Limes
- 86B4FF
≈ Parakeet Blue
- E08EF4
≈ Bright Lilac
Bộ bốn +90° +180° +270°
- BBBB11
Pickled Limes
- 00CCD3
≈ Jade Glass
- B2A5FF
≈ Shy Moment
- FF8D8F
≈ Coral Trails
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.05:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.22:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
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);
}