Nazwany kolor · #F4FF00
Busy Bee
Busy Bee to #F4FF00: rgb(244 255 0), hsl(63 100% 50%), oklch(0.959 0.214 112.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Busy Bee color name →
#F4FF00
oklch(0.959 0.214 112.9)
Konwersje koloru
- HEX
- #f4ff00
- RGB
- rgb(244 255 0)
- HSL
- hsl(63 100% 50%)
- HWB
- hwb(63 0% 0%)
- OKLCH
- oklch(0.959 0.214 112.9)
- OKLab
- oklab(0.959 -0.083 0.197)
- CIE Lab
- lab(96.75 -20.17 92.32)
- LCH
- lch(96.75 94.5 102.3)
- CMYK
- cmyk(4% 0% 100% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5FF4A
- F5FF6A
- F6FF83
- F7FF98
- F8FFAC
- FAFFBE
- FBFFCF
- FCFFDF
- FDFFEF
Odcienie ciemniejsze
- D4DE00
- B5BE00
- 979E00
- 7A8000
- 5E6300
- 444800
- 2B2E00
- 141600
- 030300
Tony
- E8F237
- DBE54B
- CFD859
- C3CB64
- B8BF6C
- ACB272
- A1A577
- 95997B
- 8B8C7E
Harmonie kolorów
Komplementarna +180°
- F4FF00
Busy Bee
- F2EFFF
≈ Foundation White
Analogowa -30° +30°
- F4FF00
Busy Bee
- FFF0D4
≈ Candlestick Point
- D6FFD2
≈ Herbal Vapours
Triada +120° +240°
- F4FF00
Busy Bee
- E3F5FF
≈ Kodama White
- FFECF3
≈ Fairy Wings
Komplementarna rozszczepiona +150° +210°
- F4FF00
Busy Bee
- EBF2FF
≈ Placebo Blue
- FDEBFF
≈ Fairy Bubblegum Cloud
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.09:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.15:1 · APCA Lc 101
Najlepszy kolor tekstu: #000000
WCAG 19.15:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--busy-bee: #f4ff00;
--busy-bee-rgb: 244 255 0;
--busy-bee-oklch: oklch(0.959 0.214 112.9);
}
.element {
color: var(--busy-bee);
background-color: hsl(63 100% 50%);
border-color: oklch(0.959 0.214 112.9);
}Tailwind CSS v4
@theme {
--color-busy-bee: #f4ff00;
--color-busy-bee-50: #f3fdb6;
--color-busy-bee-100: #e5f19d;
--color-busy-bee-200: #d1df6e;
--color-busy-bee-300: #b5c31b;
--color-busy-bee-400: #a2a900;
--color-busy-bee-500: #8b9000;
--color-busy-bee-600: #767a00;
--color-busy-bee-700: #5e6100;
--color-busy-bee-800: #484600;
--color-busy-bee-900: #313100;
--color-busy-bee-950: #1e1d00;
}SCSS
$busy-bee: #f4ff00;
$busy-bee-rgb: 244, 255, 0;
$busy-bee-light: mix(#fff, $busy-bee, 20%);
$busy-bee-dark: mix(#000, $busy-bee, 20%);
.element {
color: $busy-bee;
box-shadow: 0 0 0 2px rgba($busy-bee, 0.35);
}