Colore con nome · #BBBB11
Pickled Limes
Pickled Limes è #BBBB11: rgb(187 187 17), hsl(60 83% 40%), oklch(0.767 0.164 109.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pickled Limes color name →
#BBBB11
oklch(0.767 0.164 109.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C1C241
- C8C95D
- CED075
- D5D78A
- DCDE9F
- E2E5B2
- E9EBC6
- F1F2D9
- F8F9EC
Ombre
- A2A20D
- 8A8A09
- 737306
- 5C5C04
- 464602
- 323201
- 1F1F00
- 0D0D00
- 020200
Toni
- B5B530
- AFAF41
- A8AA4E
- A2A458
- 9C9E61
- 969869
- 91926F
- 8B8C75
- 85867B
Armonie di colore
Complementare +180°
- BBBB11
Pickled Limes
- B2A5FF
≈ Shy Moment
Analogo -30° +30°
- BBBB11
Pickled Limes
- E8A600
≈ Flambrosia
- 77CC62
≈ Energise
Triadico +120° +240°
- BBBB11
Pickled Limes
- 17C3FF
≈ Spiro Disco Ball
- FE84C2
≈ Pink Orchid Mantis
Complementare divisa +150° +210°
- BBBB11
Pickled Limes
- 86B4FF
≈ Parakeet Blue
- E08EF4
≈ Bright Lilac
Tetradico +90° +180° +270°
- BBBB11
Pickled Limes
- 00CCD3
≈ Jade Glass
- B2A5FF
≈ Shy Moment
- FF8D8F
≈ Coral Trails
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.22:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
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);
}