Nazwany kolor · #EFDE74
Lightning Bug
Lightning Bug to #EFDE74: rgb(239 222 116), hsl(52 79% 70%), oklch(0.893 0.128 100.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lightning Bug color name →
#EFDE74
oklch(0.893 0.128 100.3)
Konwersje koloru
- HEX
- #efde74
- RGB
- rgb(239 222 116)
- HSL
- hsl(52 79% 70%)
- HWB
- hwb(52 45% 6%)
- OKLCH
- oklch(0.893 0.128 100.3)
- OKLab
- oklab(0.893 -0.023 0.126)
- CIE Lab
- lab(88.27 -3.81 53.51)
- LCH
- lch(88.27 53.64 94.1)
- CMYK
- cmyk(0% 7% 51% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E284
- F2E594
- F4E9A2
- F5ECB0
- F7EFBE
- F8F2CB
- FAF6D8
- FCF9E5
- FDFCF2
Odcienie ciemniejsze
- D0C164
- B1A554
- 948945
- 786F37
- 5C5529
- 423D1B
- 2A260F
- 141205
- 030201
Tony
- E3D477
- D8CB7A
- CCC17C
- C1B87E
- B6AE7F
- ABA580
- A09C81
- 959281
- 8A8980
Harmonie kolorów
Komplementarna +180°
- EFDE74
Lightning Bug
- D4D9FF
≈ Icy Plains
Analogowa -30° +30°
- EFDE74
Lightning Bug
- FFD3A1
≈ Apricot Fool
- BFED91
≈ Sweet Mint Pesto
Triada +120° +240°
- EFDE74
Lightning Bug
- A3E8FF
≈ Fresh Air
- FFC9EB
≈ Soulmate Pink
Komplementarna rozszczepiona +150° +210°
- EFDE74
Lightning Bug
- C2DFFF
≈ Dithered Sky
- EACFFF
≈ Rose Dragée
Tetrada +90° +180° +270°
- EFDE74
Lightning Bug
- 5EF7EF
≈ Icy Life
- D4D9FF
≈ Icy Plains
- FFCDD3
≈ Love Fumes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.37:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--lightning-bug: #efde74;
--lightning-bug-rgb: 239 222 116;
--lightning-bug-oklch: oklch(0.893 0.128 100.3);
}
.element {
color: var(--lightning-bug);
background-color: hsl(52 79% 70%);
border-color: oklch(0.893 0.128 100.3);
}Tailwind CSS v4
@theme {
--color-lightning-bug: #efde74;
--color-lightning-bug-50: #fcf7cd;
--color-lightning-bug-100: #f0eab9;
--color-lightning-bug-200: #ded797;
--color-lightning-bug-300: #c4ba6a;
--color-lightning-bug-400: #b0a03a;
--color-lightning-bug-500: #9a8700;
--color-lightning-bug-600: #827200;
--color-lightning-bug-700: #685b00;
--color-lightning-bug-800: #4e4200;
--color-lightning-bug-900: #362e00;
--color-lightning-bug-950: #211a00;
}SCSS
$lightning-bug: #efde74;
$lightning-bug-rgb: 239, 222, 116;
$lightning-bug-light: mix(#fff, $lightning-bug, 20%);
$lightning-bug-dark: mix(#000, $lightning-bug, 20%);
.element {
color: $lightning-bug;
box-shadow: 0 0 0 2px rgba($lightning-bug, 0.35);
}