Cor nomeada · #BFFF00
Limoncello
Limoncello é #BFFF00: rgb(191 255 0), hsl(75 100% 50%), oklch(0.922 0.234 125.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Limoncello color name →
#BFFF00
oklch(0.922 0.234 125.9)
Conversões de cor
- HEX
- #bfff00
- RGB
- rgb(191 255 0)
- HSL
- hsl(75 100% 50%)
- HWB
- hwb(75 0% 0%)
- OKLCH
- oklch(0.922 0.234 125.9)
- OKLab
- oklab(0.922 -0.137 0.19)
- CIE Lab
- lab(93.14 -40.65 87.78)
- LCH
- lch(93.14 96.74 114.8)
- CMYK
- cmyk(25% 0% 100% 0%)
Tons claros · Sombras · Tons
Tons claros
- C5FF48
- CCFF68
- D2FF80
- D8FF96
- DFFFA9
- E5FFBC
- ECFFCD
- F2FFDE
- F8FFEF
Sombras
- A6DE00
- 8DBE00
- 759E00
- 5E8000
- 486300
- 334800
- 1F2E00
- 0D1600
- 020300
Tons
- B9F235
- B2E549
- ACD857
- A5CC62
- 9FBF6A
- 99B271
- 92A676
- 8C997A
- 868D7D
Harmonias de cor
Complementar +180°
- BFFF00
Limoncello
- EDDEFF
≈ Lavender Savour
Análoga -30° +30°
- BFFF00
Limoncello
- FFE57C
≈ Cowbell
- 9BFFC2
≈ Light Sea-Foam
Tríade +120° +240°
- BFFF00
Limoncello
- D1E9FF
≈ Veiling Waterfalls
- FFDBE1
≈ It’s a Girl!
Complementar dividida +150° +210°
- BFFF00
Limoncello
- DEE4FF
≈ Stoic White
- FFD8F4
≈ Sweet Sachet
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.19:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.51:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.51:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--limoncello: #bfff00;
--limoncello-rgb: 191 255 0;
--limoncello-oklch: oklch(0.922 0.234 125.9);
}
.element {
color: var(--limoncello);
background-color: hsl(75 100% 50%);
border-color: oklch(0.922 0.234 125.9);
}Tailwind CSS v4
@theme {
--color-limoncello: #bfff00;
--color-limoncello-50: #e2ffba;
--color-limoncello-100: #d1f7a2;
--color-limoncello-200: #b7e774;
--color-limoncello-300: #94cd2f;
--color-limoncello-400: #7cb400;
--color-limoncello-500: #609c00;
--color-limoncello-600: #518400;
--color-limoncello-700: #416a00;
--color-limoncello-800: #324d00;
--color-limoncello-900: #223600;
--color-limoncello-950: #122000;
}SCSS
$limoncello: #bfff00;
$limoncello-rgb: 191, 255, 0;
$limoncello-light: mix(#fff, $limoncello, 20%);
$limoncello-dark: mix(#000, $limoncello, 20%);
.element {
color: $limoncello;
box-shadow: 0 0 0 2px rgba($limoncello, 0.35);
}