Nazwany kolor · #EBDE31
Golden Fizz
Golden Fizz to #EBDE31: rgb(235 222 49), hsl(56 82% 56%), oklch(0.884 0.176 104.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Fizz color name →
#EBDE31
oklch(0.884 0.176 104.9)
Konwersje koloru
- HEX
- #ebde31
- RGB
- rgb(235 222 49)
- HSL
- hsl(56 82% 56%)
- HWB
- hwb(56 19% 8%)
- OKLCH
- oklch(0.884 0.176 104.9)
- OKLab
- oklab(0.884 -0.045 0.17)
- CIE Lab
- lab(87.5 -8.18 78.04)
- LCH
- lch(87.5 78.47 96)
- CMYK
- cmyk(0% 6% 79% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDE255
- EFE56E
- F0E984
- F2EC98
- F4F0AB
- F6F3BC
- F8F6CE
- FAF9DE
- FDFCEF
Odcienie ciemniejsze
- CCC129
- AEA522
- 91891A
- 756F13
- 5B550C
- 413D06
- 292603
- 131201
- 030200
Tony
- E0D545
- D4CB52
- C9C25D
- BEB865
- B4AF6C
- A9A572
- 9E9C76
- 94937A
- 8A897D
Harmonie kolorów
Komplementarna +180°
- EBDE31
Golden Fizz
- D4D4FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- EBDE31
Golden Fizz
- FFD08F
≈ Juicy Mango
- A5F275
≈ Radar Blip Green
Triada +120° +240°
- EBDE31
Golden Fizz
- A1E4FF
≈ Ganon Blue
- FFC5E5
≈ Sugarwinkle
Komplementarna rozszczepiona +150° +210°
- EBDE31
Golden Fizz
- C0DBFF
≈ Broad Daylight
- EEC9FF
≈ Aquarelle Lilac
Tetrada +90° +180° +270°
- EBDE31
Golden Fizz
- 01F7F7
≈ Frozen State
- D4D4FF
≈ Pale Phthalo Blue
- FFC9CC
≈ Sweet Memories
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.02:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-fizz: #ebde31;
--golden-fizz-rgb: 235 222 49;
--golden-fizz-oklch: oklch(0.884 0.176 104.9);
}
.element {
color: var(--golden-fizz);
background-color: hsl(56 82% 56%);
border-color: oklch(0.884 0.176 104.9);
}Tailwind CSS v4
@theme {
--color-golden-fizz: #ebde31;
--color-golden-fizz-50: #faf9bf;
--color-golden-fizz-100: #eeeda8;
--color-golden-fizz-200: #ddda7e;
--color-golden-fizz-300: #c2bd43;
--color-golden-fizz-400: #afa200;
--color-golden-fizz-500: #9a8900;
--color-golden-fizz-600: #827400;
--color-golden-fizz-700: #685d00;
--color-golden-fizz-800: #4f4300;
--color-golden-fizz-900: #372e00;
--color-golden-fizz-950: #221b00;
}SCSS
$golden-fizz: #ebde31;
$golden-fizz-rgb: 235, 222, 49;
$golden-fizz-light: mix(#fff, $golden-fizz, 20%);
$golden-fizz-dark: mix(#000, $golden-fizz, 20%);
.element {
color: $golden-fizz;
box-shadow: 0 0 0 2px rgba($golden-fizz, 0.35);
}