Named color · #BFFF00
Limoncello
Limoncello is #BFFF00: rgb(191 255 0), hsl(75 100% 50%), oklch(0.922 0.234 125.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Limoncello color name →
#BFFF00
oklch(0.922 0.234 125.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C5FF48
- CCFF68
- D2FF80
- D8FF96
- DFFFA9
- E5FFBC
- ECFFCD
- F2FFDE
- F8FFEF
Shades
- A6DE00
- 8DBE00
- 759E00
- 5E8000
- 486300
- 334800
- 1F2E00
- 0D1600
- 020300
Tones
- B9F235
- B2E549
- ACD857
- A5CC62
- 9FBF6A
- 99B271
- 92A676
- 8C997A
- 868D7D
Color harmonies
Complementary +180°
- BFFF00
Limoncello
- EDDEFF
≈ Lavender Savour
Analogous -30° +30°
- BFFF00
Limoncello
- FFE57C
≈ Cowbell
- 9BFFC2
≈ Light Sea-Foam
Triadic +120° +240°
- BFFF00
Limoncello
- D1E9FF
≈ Veiling Waterfalls
- FFDBE1
≈ It’s a Girl!
Split-complementary +150° +210°
- BFFF00
Limoncello
- DEE4FF
≈ Stoic White
- FFD8F4
≈ Sweet Sachet
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.51:1 · APCA Lc 95
Best text color: #000000
WCAG 17.51:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
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);
}