Colore con nome · #FFF6B9
Glowlight
Glowlight è #FFF6B9: rgb(255 246 185), hsl(52 100% 86%), oklch(0.966 0.078 100.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Glowlight color name →
#FFF6B9
oklch(0.966 0.078 100.7)
Conversioni di colore
- HEX
- #fff6b9
- RGB
- rgb(255 246 185)
- HSL
- hsl(52 100% 86%)
- HWB
- hwb(52 73% 0%)
- OKLCH
- oklch(0.966 0.078 100.7)
- OKLab
- oklab(0.966 -0.014 0.077)
- CIE Lab
- lab(96.52 -3.62 30.61)
- LCH
- lch(96.52 30.82 96.7)
- CMYK
- cmyk(0% 4% 27% 0%)
Tinte · Ombre · Toni
Tinte
- FFF7C0
- FFF8C8
- FFF9CF
- FFFAD6
- FFFBDD
- FFFCE4
- FFFDEB
- FFFDF2
- FFFEF8
Ombre
- DED6A0
- BEB789
- 9E9871
- 807B5B
- 635F46
- 484531
- 2E2C1E
- 16150D
- 030302
Toni
- F2EAB3
- E4DDAE
- D7D1A8
- CAC5A3
- BDB99D
- B1AE97
- A4A292
- 98978C
- 8C8B86
Armonie di colore
Complementare +180°
- FFF6B9
Glowlight
- F1F3FF
≈ Cloud Break
Analogo -30° +30°
- FFF6B9
Glowlight
- FFF1E2
≈ Sugar Glaze
- E2FFC9
≈ Herbal Vapours
Triadico +120° +240°
- FFF6B9
Glowlight
- E3F8FF
≈ Clear Skies
- FFEEF8
≈ Partial Pink
Complementare divisa +150° +210°
- FFF6B9
Glowlight
- ECF5FF
≈ Placebo Blue
- F8F0FF
≈ Cloud Break
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.13:1 · APCA Lc 101
Miglior colore del testo: #000000
WCAG 19.13:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
CSS
:root {
--glowlight: #fff6b9;
--glowlight-rgb: 255 246 185;
--glowlight-oklch: oklch(0.966 0.078 100.7);
}
.element {
color: var(--glowlight);
background-color: hsl(52 100% 86%);
border-color: oklch(0.966 0.078 100.7);
}Tailwind CSS v4
@theme {
--color-glowlight: #fff6b9;
--color-glowlight-50: #f9f7dd;
--color-glowlight-100: #ece9cc;
--color-glowlight-200: #dad6b0;
--color-glowlight-300: #beba8b;
--color-glowlight-400: #a8a069;
--color-glowlight-500: #928847;
--color-glowlight-600: #7b733d;
--color-glowlight-700: #635c31;
--color-glowlight-800: #494322;
--color-glowlight-900: #332e16;
--color-glowlight-950: #1e1b07;
}SCSS
$glowlight: #fff6b9;
$glowlight-rgb: 255, 246, 185;
$glowlight-light: mix(#fff, $glowlight, 20%);
$glowlight-dark: mix(#000, $glowlight, 20%);
.element {
color: $glowlight;
box-shadow: 0 0 0 2px rgba($glowlight, 0.35);
}