Nazwany kolor · #FBFF00
Electric Banana
Electric Banana to #FBFF00: rgb(251 255 0), hsl(61 100% 50%), oklch(0.965 0.212 110.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Electric Banana color name →
#FBFF00
oklch(0.965 0.212 110.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBFF4B
- FBFF6B
- FBFF83
- FCFF99
- FCFFAC
- FCFFBE
- FDFFCF
- FDFFE0
- FEFFEF
Odcienie ciemniejsze
- DADE00
- BABE00
- 9C9E00
- 7E8000
- 616300
- 464800
- 2D2E00
- 151600
- 030300
Tony
- EEF237
- E1E54C
- D4D85A
- C7CB64
- BBBF6C
- AFB272
- A3A577
- 97997B
- 8B8C7E
Harmonie kolorów
Komplementarna +180°
- FBFF00
Electric Banana
- F3F2FF
≈ Cloud Break
Analogowa -30° +30°
- FBFF00
Electric Banana
- FFF2DB
≈ Xâkestari White
- DCFFD6
≈ Transparent Green
Triada +120° +240°
- FBFF00
Electric Banana
- E6F6FF
≈ Kodama White
- FFEEF5
≈ Powder Puff
Komplementarna rozszczepiona +150° +210°
- FBFF00
Electric Banana
- EDF4FF
≈ Placebo Blue
- FCEEFF
≈ Lovely Euphoric Delight
Tetrada +90° +180° +270°
- FBFF00
Electric Banana
- D4FDFF
≈ Salt Mountain
- F3F2FF
≈ Cloud Break
- FFEFEE
≈ White Gloss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.40:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.40:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
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);
}