Nazwany kolor · #FFD100
Electric Glow
Electric Glow to #FFD100: rgb(255 209 0), hsl(49 100% 50%), oklch(0.875 0.179 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Electric Glow color name →
#FFD100
oklch(0.875 0.179 92.7)
Konwersje koloru
- HEX
- #ffd100
- RGB
- rgb(255 209 0)
- HSL
- hsl(49 100% 50%)
- HWB
- hwb(49 0% 0%)
- OKLCH
- oklch(0.875 0.179 92.7)
- OKLab
- oklab(0.875 -0.008 0.179)
- CIE Lab
- lab(85.99 5.81 85.58)
- LCH
- lch(85.99 85.78 86.1)
- CMYK
- cmyk(0% 18% 100% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD644
- FFDB63
- FFE07B
- FFE591
- FFEAA5
- FFEEB8
- FFF2CA
- FFF7DC
- FFFBEE
Odcienie ciemniejsze
- DEB500
- BE9B00
- 9E8100
- 806800
- 635000
- 483900
- 2E2300
- 161000
- 030200
Tony
- F2C931
- E4C145
- D7B953
- CAB15E
- BEA966
- B1A16D
- A49973
- 989078
- 8C887C
Harmonie kolorów
Komplementarna +180°
- FFD100
Electric Glow
- C8D4FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- FFD100
Electric Glow
- FFCA9B
≈ Peachy Breezes
- C1E852
≈ Energos
Triada +120° +240°
- FFD100
Electric Glow
- 7AE8FF
≈ Robin’s Egg
- FFBDF3
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- FFD100
Electric Glow
- B0DCFF
≈ Droplet
- DFCBFF
≈ Foggy Heath
Tetrada +90° +180° +270°
- FFD100
Electric Glow
- 00F7DF
≈ Bright Aqua
- C8D4FF
≈ Pale Phthalo Blue
- FFC3D1
≈ Garden Glory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.37:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.37:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--electric-glow: #ffd100;
--electric-glow-rgb: 255 209 0;
--electric-glow-oklch: oklch(0.875 0.179 92.7);
}
.element {
color: var(--electric-glow);
background-color: hsl(49 100% 50%);
border-color: oklch(0.875 0.179 92.7);
}Tailwind CSS v4
@theme {
--color-electric-glow: #ffd100;
--color-electric-glow-50: #fff5bb;
--color-electric-glow-100: #fbe8a3;
--color-electric-glow-200: #ecd377;
--color-electric-glow-300: #d5b536;
--color-electric-glow-400: #c39900;
--color-electric-glow-500: #b07e00;
--color-electric-glow-600: #946b00;
--color-electric-glow-700: #775500;
--color-electric-glow-800: #5a3d00;
--color-electric-glow-900: #3f2a00;
--color-electric-glow-950: #281700;
}SCSS
$electric-glow: #ffd100;
$electric-glow-rgb: 255, 209, 0;
$electric-glow-light: mix(#fff, $electric-glow, 20%);
$electric-glow-dark: mix(#000, $electric-glow, 20%);
.element {
color: $electric-glow;
box-shadow: 0 0 0 2px rgba($electric-glow, 0.35);
}