Cor nomeada · #99BB11
Pickled Avocado
Pickled Avocado é #99BB11: rgb(153 187 17), hsl(72 83% 40%), oklch(0.74 0.176 122). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pickled Avocado color name →
#99BB11
oklch(0.74 0.176 122)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- A3C23F
- ACC95B
- B6D073
- C0D788
- CADE9D
- D5E5B1
- DFEBC5
- EAF2D8
- F4F9EC
Sombras
- 84A20D
- 708A09
- 5D7306
- 4A5C04
- 384602
- 273201
- 171F00
- 080D00
- 010200
Tons
- 96B52F
- 94B040
- 91AA4D
- 8FA457
- 8C9E60
- 8A9868
- 87926E
- 858C75
- 82867B
Harmonias de cor
Complementar +180°
- 99BB11
Pickled Avocado
- BE90FF
≈ Liliac
Análoga -30° +30°
- 99BB11
Pickled Avocado
- CDA700
≈ Catkin Yellow
- 36C970
≈ Emerald Rush
Tríade +120° +240°
- 99BB11
Pickled Avocado
- 44B4FF
≈ Tiān Lán Sky
- FF77A3
≈ Pico-8 Pink
Complementar dividida +150° +210°
- 99BB11
Pickled Avocado
- 8EA5FF
≈ Widowmaker
- E97CDC
≈ Lián Hóng Lotus Pink
Tétrade +90° +180° +270°
- 99BB11
Pickled Avocado
- 00C0DA
≈ Caribbean Blue
- BE90FF
≈ Liliac
- FF8069
≈ Sunset Papaya
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.21:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.47:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
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);
}