Colore con nome · #F6DA74
Golden Rays
Golden Rays è #F6DA74: rgb(246 218 116), hsl(47 88% 71%), oklch(0.891 0.126 94.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Rays color name →
#F6DA74
oklch(0.891 0.126 94.3)
Conversioni di colore
- HEX
- #f6da74
- RGB
- rgb(246 218 116)
- HSL
- hsl(47 88% 71%)
- HWB
- hwb(47 45% 4%)
- OKLCH
- oklch(0.891 0.126 94.3)
- OKLab
- oklab(0.891 -0.01 0.126)
- CIE Lab
- lab(87.88 0.92 53.25)
- LCH
- lch(87.88 53.26 89)
- CMYK
- cmyk(0% 11% 53% 4%)
Tinte · Ombre · Toni
Tinte
- F7DE84
- F8E293
- F9E6A2
- FAE9B0
- FAEDBE
- FBF1CB
- FCF4D8
- FDF8E5
- FEFCF2
Ombre
- D6BD64
- B7A254
- 988745
- 7B6C37
- 5F5429
- 453C1B
- 2C250F
- 151105
- 030201
Toni
- EAD177
- DDC87A
- D1BF7C
- C5B67E
- B9AD7F
- ADA480
- A29B80
- 969281
- 8B8980
Armonie di colore
Complementare +180°
- F6DA74
Golden Rays
- D0D9FF
≈ Icy Plains
Analogo -30° +30°
- F6DA74
Golden Rays
- FFD1A7
≈ Opalescent Coral
- C9EA8B
≈ Sulu
Triadico +120° +240°
- F6DA74
Golden Rays
- 94EBFF
≈ Alpine Expedition
- FFC7F2
≈ Rosy Maple Moth
Complementare divisa +150° +210°
- F6DA74
Golden Rays
- BCE0FF
≈ Dithered Sky
- E5D1FF
≈ Mousse aux Pruneaux
Tetradico +90° +180° +270°
- F6DA74
Golden Rays
- 67F6E5
≈ Tiffany Blue
- D0D9FF
≈ Icy Plains
- FFCBD6
≈ Sweet Sixteen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.19:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-rays: #f6da74;
--golden-rays-rgb: 246 218 116;
--golden-rays-oklch: oklch(0.891 0.126 94.3);
}
.element {
color: var(--golden-rays);
background-color: hsl(47 88% 71%);
border-color: oklch(0.891 0.126 94.3);
}Tailwind CSS v4
@theme {
--color-golden-rays: #f6da74;
--color-golden-rays-50: #fff6cd;
--color-golden-rays-100: #f4e9b9;
--color-golden-rays-200: #e4d597;
--color-golden-rays-300: #cab86a;
--color-golden-rays-400: #b79d3b;
--color-golden-rays-500: #a18300;
--color-golden-rays-600: #886f00;
--color-golden-rays-700: #6d5900;
--color-golden-rays-800: #524000;
--color-golden-rays-900: #392c00;
--color-golden-rays-950: #231900;
}SCSS
$golden-rays: #f6da74;
$golden-rays-rgb: 246, 218, 116;
$golden-rays-light: mix(#fff, $golden-rays, 20%);
$golden-rays-dark: mix(#000, $golden-rays, 20%);
.element {
color: $golden-rays;
box-shadow: 0 0 0 2px rgba($golden-rays, 0.35);
}