Couleur nommée · #FBFF00
Electric Banana
Electric Banana correspond à #FBFF00 : rgb(251 255 0), hsl(61 100% 50%), oklch(0.965 0.212 110.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Electric Banana color name →
#FBFF00
oklch(0.965 0.212 110.9)
Conversions de couleur
- HEX
- #fbff00
- RGB
- rgb(251 255 0)
- HSL
- hsl(61 100% 50%)
- HWB
- hwb(61 0% 0%)
- OKLCH
- oklch(0.965 0.212 110.9)
- OKLab
- oklab(0.965 -0.076 0.198)
- CIE Lab
- lab(97.29 -17.36 93)
- LCH
- lch(97.29 94.6 100.6)
- CMYK
- cmyk(2% 0% 100% 0%)
Teintes · Ombres · Tons
Teintes
- FBFF4B
- FBFF6B
- FBFF83
- FCFF99
- FCFFAC
- FCFFBE
- FDFFCF
- FDFFE0
- FEFFEF
Ombres
- DADE00
- BABE00
- 9C9E00
- 7E8000
- 616300
- 464800
- 2D2E00
- 151600
- 030300
Tons
- EEF237
- E1E54C
- D4D85A
- C7CB64
- BBBF6C
- AFB272
- A3A577
- 97997B
- 8B8C7E
Harmonies de couleurs
Complémentaire +180°
- FBFF00
Electric Banana
- F3F2FF
≈ Cloud Break
Analogue -30° +30°
- FBFF00
Electric Banana
- FFF2DB
≈ Xâkestari White
- DCFFD6
≈ Transparent Green
Triadique +120° +240°
- FBFF00
Electric Banana
- E6F6FF
≈ Kodama White
- FFEEF5
≈ Powder Puff
Complémentaire divisée +150° +210°
- FBFF00
Electric Banana
- EDF4FF
≈ Placebo Blue
- FCEEFF
≈ Lovely Euphoric Delight
Tétradique +90° +180° +270°
- FBFF00
Electric Banana
- D4FDFF
≈ Salt Mountain
- F3F2FF
≈ Cloud Break
- FFEFEE
≈ White Gloss
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.08:1 · APCA Lc 0
Ag
AAASur noir
WCAG 19.40:1 · APCA Lc 102
Meilleure couleur de texte: #000000
WCAG 19.40:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--electric-banana: #fbff00;
--electric-banana-rgb: 251 255 0;
--electric-banana-oklch: oklch(0.965 0.212 110.9);
}
.element {
color: var(--electric-banana);
background-color: hsl(61 100% 50%);
border-color: oklch(0.965 0.212 110.9);
}Tailwind CSS v4
@theme {
--color-electric-banana: #fbff00;
--color-electric-banana-50: #f5fcb6;
--color-electric-banana-100: #e8f09c;
--color-electric-banana-200: #d5de6d;
--color-electric-banana-300: #b9c217;
--color-electric-banana-400: #a6a700;
--color-electric-banana-500: #908e00;
--color-electric-banana-600: #7a7800;
--color-electric-banana-700: #616000;
--color-electric-banana-800: #4a4500;
--color-electric-banana-900: #333000;
--color-electric-banana-950: #1f1c00;
}SCSS
$electric-banana: #fbff00;
$electric-banana-rgb: 251, 255, 0;
$electric-banana-light: mix(#fff, $electric-banana, 20%);
$electric-banana-dark: mix(#000, $electric-banana, 20%);
.element {
color: $electric-banana;
box-shadow: 0 0 0 2px rgba($electric-banana, 0.35);
}