Benannte Farbe · #99BB11
Pickled Avocado
Pickled Avocado ist #99BB11: rgb(153 187 17), hsl(72 83% 40%), oklch(0.74 0.176 122). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pickled Avocado color name →
#99BB11
oklch(0.74 0.176 122)
Farbumrechnungen
- HEX
- #99bb11
- RGB
- rgb(153 187 17)
- HSL
- hsl(72 83% 40%)
- HWB
- hwb(72 7% 27%)
- OKLCH
- oklch(0.74 0.176 122)
- OKLab
- oklab(0.74 -0.093 0.149)
- CIE Lab
- lab(71.38 -26.52 68.75)
- LCH
- lch(71.38 73.69 111.1)
- CMYK
- cmyk(18% 0% 91% 27%)
Tints · Shades · Tones
Tints
- A3C23F
- ACC95B
- B6D073
- C0D788
- CADE9D
- D5E5B1
- DFEBC5
- EAF2D8
- F4F9EC
Shades
- 84A20D
- 708A09
- 5D7306
- 4A5C04
- 384602
- 273201
- 171F00
- 080D00
- 010200
Tones
- 96B52F
- 94B040
- 91AA4D
- 8FA457
- 8C9E60
- 8A9868
- 87926E
- 858C75
- 82867B
Farbharmonien
Komplementär +180°
- 99BB11
Pickled Avocado
- BE90FF
≈ Liliac
Analog -30° +30°
- 99BB11
Pickled Avocado
- CDA700
≈ Catkin Yellow
- 36C970
≈ Emerald Rush
Triadisch +120° +240°
- 99BB11
Pickled Avocado
- 44B4FF
≈ Tiān Lán Sky
- FF77A3
≈ Pico-8 Pink
Geteilt komplementär +150° +210°
- 99BB11
Pickled Avocado
- 8EA5FF
≈ Widowmaker
- E97CDC
≈ Lián Hóng Lotus Pink
Tetradisch +90° +180° +270°
- 99BB11
Pickled Avocado
- 00C0DA
≈ Caribbean Blue
- BE90FF
≈ Liliac
- FF8069
≈ Sunset Papaya
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.47:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--pickled-avocado: #99bb11;
--pickled-avocado-rgb: 153 187 17;
--pickled-avocado-oklch: oklch(0.74 0.176 122);
}
.element {
color: var(--pickled-avocado);
background-color: hsl(72 83% 40%);
border-color: oklch(0.74 0.176 122);
}Tailwind CSS v4
@theme {
--color-pickled-avocado: #99bb11;
--color-pickled-avocado-50: #eafec7;
--color-pickled-avocado-100: #dbf3b1;
--color-pickled-avocado-200: #c4e18c;
--color-pickled-avocado-300: #a5c65a;
--color-pickled-avocado-400: #8ead0c;
--color-pickled-avocado-500: #749600;
--color-pickled-avocado-600: #627f00;
--color-pickled-avocado-700: #4e6500;
--color-pickled-avocado-800: #3b4a00;
--color-pickled-avocado-900: #293300;
--color-pickled-avocado-950: #171f00;
}SCSS
$pickled-avocado: #99bb11;
$pickled-avocado-rgb: 153, 187, 17;
$pickled-avocado-light: mix(#fff, $pickled-avocado, 20%);
$pickled-avocado-dark: mix(#000, $pickled-avocado, 20%);
.element {
color: $pickled-avocado;
box-shadow: 0 0 0 2px rgba($pickled-avocado, 0.35);
}