Colore con nome · #F8EC9E
Lemon Gelato
Lemon Gelato è #F8EC9E: rgb(248 236 158), hsl(52 87% 80%), oklch(0.935 0.099 100.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lemon Gelato color name →
#F8EC9E
oklch(0.935 0.099 100.6)
Conversioni di colore
- HEX
- #f8ec9e
- RGB
- rgb(248 236 158)
- HSL
- hsl(52 87% 80%)
- HWB
- hwb(52 62% 3%)
- OKLCH
- oklch(0.935 0.099 100.6)
- OKLab
- oklab(0.935 -0.018 0.097)
- CIE Lab
- lab(93.05 -3.93 39.39)
- LCH
- lch(93.05 39.59 95.7)
- CMYK
- cmyk(0% 5% 36% 3%)
Tinte · Ombre · Toni
Tinte
- F9EEA9
- F9F0B3
- FAF2BD
- FBF4C7
- FBF6D0
- FCF8DA
- FDFAE3
- FDFBED
- FEFDF6
Ombre
- D8CD89
- B8AF74
- 9A9260
- 7C764D
- 605B3A
- 454229
- 2C2918
- 151309
- 030301
Toni
- EBE19C
- DFD699
- D2CB97
- C6C094
- BAB591
- AEAA8E
- A29F8B
- 979587
- 8B8A84
Armonie di colore
Complementare +180°
- F8EC9E
Lemon Gelato
- E5E8FF
≈ Glitter
Analogo -30° +30°
- F8EC9E
Lemon Gelato
- FFE5C7
≈ Sour Tarts
- D3F8B2
≈ Breeze of Green
Triadico +120° +240°
- F8EC9E
Lemon Gelato
- C9F1FF
≈ Heaven’s Gate
- FFDFF3
≈ So This Is Love
Complementare divisa +150° +210°
- F8EC9E
Lemon Gelato
- DAECFF
≈ Hoarfrost
- F2E2FF
≈ Lavender Savour
Tetradico +90° +180° +270°
- F8EC9E
Lemon Gelato
- 97FFF9
≈ Glitchy Shader Blue
- E5E8FF
≈ Glitter
- FFE1E4
≈ Pink Pleasure
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.48:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--lemon-gelato: #f8ec9e;
--lemon-gelato-rgb: 248 236 158;
--lemon-gelato-oklch: oklch(0.935 0.099 100.6);
}
.element {
color: var(--lemon-gelato);
background-color: hsl(52 87% 80%);
border-color: oklch(0.935 0.099 100.6);
}Tailwind CSS v4
@theme {
--color-lemon-gelato: #f8ec9e;
--color-lemon-gelato-50: #faf7d7;
--color-lemon-gelato-100: #eeeac4;
--color-lemon-gelato-200: #dcd7a6;
--color-lemon-gelato-300: #c1ba7e;
--color-lemon-gelato-400: #aba059;
--color-lemon-gelato-500: #95872f;
--color-lemon-gelato-600: #7e732a;
--color-lemon-gelato-700: #655c21;
--color-lemon-gelato-800: #4b4315;
--color-lemon-gelato-900: #342e0e;
--color-lemon-gelato-950: #201b02;
}SCSS
$lemon-gelato: #f8ec9e;
$lemon-gelato-rgb: 248, 236, 158;
$lemon-gelato-light: mix(#fff, $lemon-gelato, 20%);
$lemon-gelato-dark: mix(#000, $lemon-gelato, 20%);
.element {
color: $lemon-gelato;
box-shadow: 0 0 0 2px rgba($lemon-gelato, 0.35);
}