Nazwany kolor · #F1E346
Golden Snitch
Golden Snitch to #F1E346: rgb(241 227 70), hsl(55 86% 61%), oklch(0.901 0.169 104.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Snitch color name →
#F1E346
oklch(0.901 0.169 104.2)
Konwersje koloru
- HEX
- #f1e346
- RGB
- rgb(241 227 70)
- HSL
- hsl(55 86% 61%)
- HWB
- hwb(55 27% 5%)
- OKLCH
- oklch(0.901 0.169 104.2)
- OKLab
- oklab(0.901 -0.041 0.164)
- CIE Lab
- lab(89.4 -7.48 73.55)
- LCH
- lch(89.4 73.92 95.8)
- CMYK
- cmyk(0% 6% 71% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2E662
- F3E978
- F5EC8C
- F6EF9F
- F7F2B0
- F9F5C1
- FAF8D1
- FCFAE0
- FDFDF0
Odcienie ciemniejsze
- D2C53C
- B3A832
- 958C28
- 79711E
- 5D5715
- 433F0D
- 2B2705
- 141202
- 030300
Tony
- E5D953
- D9CF5D
- CDC565
- C2BB6C
- B6B171
- ABA776
- A09D79
- 95947C
- 8A8A7E
Harmonie kolorów
Komplementarna +180°
- F1E346
Golden Snitch
- DADBFF
≈ Transparent Blue
Analogowa -30° +30°
- F1E346
Golden Snitch
- FFD7A2
≈ Frangipani
- AEF67E
≈ Lima
Triada +120° +240°
- F1E346
Golden Snitch
- AFE8FF
≈ Fresh Air
- FFCEE9
≈ Classic Rose
Komplementarna rozszczepiona +150° +210°
- F1E346
Golden Snitch
- C9E1FF
≈ Arc Light
- EFD1FF
≈ Rose Dragée
Tetrada +90° +180° +270°
- F1E346
Golden Snitch
- 00FDFC
≈ Arctic Water
- DADBFF
≈ Transparent Blue
- FFD1D4
≈ Love Fumes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.81:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.81:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-snitch: #f1e346;
--golden-snitch-rgb: 241 227 70;
--golden-snitch-oklch: oklch(0.901 0.169 104.2);
}
.element {
color: var(--golden-snitch);
background-color: hsl(55 86% 61%);
border-color: oklch(0.901 0.169 104.2);
}Tailwind CSS v4
@theme {
--color-golden-snitch: #f1e346;
--color-golden-snitch-50: #fbf9c1;
--color-golden-snitch-100: #efecaa;
--color-golden-snitch-200: #ddd982;
--color-golden-snitch-300: #c3bc4a;
--color-golden-snitch-400: #b0a200;
--color-golden-snitch-500: #9a8800;
--color-golden-snitch-600: #827400;
--color-golden-snitch-700: #685c00;
--color-golden-snitch-800: #4f4300;
--color-golden-snitch-900: #372e00;
--color-golden-snitch-950: #221b00;
}SCSS
$golden-snitch: #f1e346;
$golden-snitch-rgb: 241, 227, 70;
$golden-snitch-light: mix(#fff, $golden-snitch, 20%);
$golden-snitch-dark: mix(#000, $golden-snitch, 20%);
.element {
color: $golden-snitch;
box-shadow: 0 0 0 2px rgba($golden-snitch, 0.35);
}