Colore con nome · #F6E199
Lemon Meringue
Lemon Meringue è #F6E199: rgb(246 225 153), hsl(46 84% 78%), oklch(0.911 0.094 93.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lemon Meringue color name →
#F6E199
oklch(0.911 0.094 93.8)
Conversioni di colore
- HEX
- #f6e199
- RGB
- rgb(246 225 153)
- HSL
- hsl(46 84% 78%)
- HWB
- hwb(46 60% 4%)
- OKLCH
- oklch(0.911 0.094 93.8)
- OKLab
- oklab(0.911 -0.006 0.093)
- CIE Lab
- lab(90.05 0.12 38)
- LCH
- lch(90.05 38 89.8)
- CMYK
- cmyk(0% 9% 38% 4%)
Tinte · Ombre · Toni
Tinte
- F7E4A4
- F8E7AF
- F9EAB9
- FAEDC3
- FAF0CD
- FBF3D8
- FCF6E1
- FDF9EB
- FEFCF5
Ombre
- D6C484
- B7A770
- 988B5D
- 7B704A
- 5F5638
- 453E27
- 2C2717
- 151208
- 030201
Toni
- EAD797
- DDCD95
- D1C393
- C5B991
- B9B08E
- ADA68C
- A29C89
- 969386
- 8B8983
Armonie di colore
Complementare +180°
- F6E199
Lemon Meringue
- D8E0FF
≈ Contrail
Analogo -30° +30°
- F6E199
Lemon Meringue
- FFDAB8
≈ Peach Puff
- D5EDA7
≈ Faith
Triadico +120° +240°
- F6E199
Lemon Meringue
- A9EFFF
≈ Beyond the Clouds
- FFD1F5
≈ Shampoo
Complementare divisa +150° +210°
- F6E199
Lemon Meringue
- C8E6FF
≈ Icy Landscape
- E9DAFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- F6E199
Lemon Meringue
- 96F6E8
≈ Turquoise Pearl
- D8E0FF
≈ Contrail
- FFD5DE
≈ No Need to Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.14:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--lemon-meringue: #f6e199;
--lemon-meringue-rgb: 246 225 153;
--lemon-meringue-oklch: oklch(0.911 0.094 93.8);
}
.element {
color: var(--lemon-meringue);
background-color: hsl(46 84% 78%);
border-color: oklch(0.911 0.094 93.8);
}Tailwind CSS v4
@theme {
--color-lemon-meringue: #f6e199;
--color-lemon-meringue-50: #fdf6d8;
--color-lemon-meringue-100: #f1e8c5;
--color-lemon-meringue-200: #e0d5a7;
--color-lemon-meringue-300: #c6b880;
--color-lemon-meringue-400: #b19e5c;
--color-lemon-meringue-500: #9b8534;
--color-lemon-meringue-600: #83702e;
--color-lemon-meringue-700: #695a24;
--color-lemon-meringue-800: #4e4118;
--color-lemon-meringue-900: #362d0f;
--color-lemon-meringue-950: #211a03;
}SCSS
$lemon-meringue: #f6e199;
$lemon-meringue-rgb: 246, 225, 153;
$lemon-meringue-light: mix(#fff, $lemon-meringue, 20%);
$lemon-meringue-dark: mix(#000, $lemon-meringue, 20%);
.element {
color: $lemon-meringue;
box-shadow: 0 0 0 2px rgba($lemon-meringue, 0.35);
}