Benannte Farbe · #F9D77E
Golden Glow
Golden Glow ist #F9D77E: rgb(249 215 126), hsl(43 91% 74%), oklch(0.889 0.115 89.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Glow color name →
#F9D77E
oklch(0.889 0.115 89.1)
Farbumrechnungen
- HEX
- #f9d77e
- RGB
- rgb(249 215 126)
- HSL
- hsl(43 91% 74%)
- HWB
- hwb(43 49% 2%)
- OKLCH
- oklch(0.889 0.115 89.1)
- OKLab
- oklab(0.889 0.002 0.115)
- CIE Lab
- lab(87.51 4.19 48.17)
- LCH
- lch(87.51 48.36 85)
- CMYK
- cmyk(0% 14% 49% 2%)
Tints · Shades · Tones
Tints
- FADB8D
- FADF9A
- FBE4A8
- FCE8B5
- FCECC2
- FDF0CE
- FDF4DA
- FEF7E7
- FEFBF3
Shades
- D9BB6D
- B99F5C
- 9A854C
- 7D6B3C
- 61522D
- 463B1F
- 2C2511
- 151105
- 030201
Tones
- ECCE80
- E0C581
- D3BC82
- C7B483
- BBAB83
- AFA283
- A39A83
- 979182
- 8B8981
Farbharmonien
Komplementär +180°
- F9D77E
Golden Glow
- CCDAFF
≈ Icy Plains
Analog -30° +30°
- F9D77E
Golden Glow
- FFD0AC
≈ Peach Juice
- D2E68D
≈ Refreshed
Triadisch +120° +240°
- F9D77E
Golden Glow
- 82EEFF
≈ Photon Projector
- FFC4FA
≈ Sugar Chic
Geteilt komplementär +150° +210°
- F9D77E
Golden Glow
- B6E1FF
≈ Dithered Sky
- E0D2FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- F9D77E
Golden Glow
- 7BF4DC
≈ Tiffany Blue
- CCDAFF
≈ Icy Plains
- FFCAD9
≈ Flower Spell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.04:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.04:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--golden-glow: #f9d77e;
--golden-glow-rgb: 249 215 126;
--golden-glow-oklch: oklch(0.889 0.115 89.1);
}
.element {
color: var(--golden-glow);
background-color: hsl(43 91% 74%);
border-color: oklch(0.889 0.115 89.1);
}Tailwind CSS v4
@theme {
--color-golden-glow: #f9d77e;
--color-golden-glow-50: #fff5d1;
--color-golden-glow-100: #f6e7bd;
--color-golden-glow-200: #e6d39c;
--color-golden-glow-300: #cdb671;
--color-golden-glow-400: #ba9b47;
--color-golden-glow-500: #a58101;
--color-golden-glow-600: #8b6d0b;
--color-golden-glow-700: #6f570a;
--color-golden-glow-800: #533f05;
--color-golden-glow-900: #3a2c04;
--color-golden-glow-950: #241900;
}SCSS
$golden-glow: #f9d77e;
$golden-glow-rgb: 249, 215, 126;
$golden-glow-light: mix(#fff, $golden-glow, 20%);
$golden-glow-dark: mix(#000, $golden-glow, 20%);
.element {
color: $golden-glow;
box-shadow: 0 0 0 2px rgba($golden-glow, 0.35);
}