Color con nombre · #FDE910
Genoa Lemon
Genoa Lemon es #FDE910: rgb(253 233 16), hsl(55 98% 53%), oklch(0.921 0.192 103.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Genoa Lemon color name →
#FDE910
oklch(0.921 0.192 103.1)
Conversiones de color
- HEX
- #fde910
- RGB
- rgb(253 233 16)
- HSL
- hsl(55 98% 53%)
- HWB
- hwb(55 6% 1%)
- OKLCH
- oklch(0.921 0.192 103.1)
- OKLab
- oklab(0.921 -0.044 0.187)
- CIE Lab
- lab(91.82 -6.38 88.09)
- LCH
- lch(91.82 88.33 94.1)
- CMYK
- cmyk(0% 8% 94% 1%)
Tintes · Sombras · Tonos
Tintes
- FDEC4A
- FDEE69
- FDF181
- FDF396
- FDF6A9
- FEF8BC
- FEFACD
- FEFCDE
- FFFDEF
Sombras
- DCCB0C
- BCAD09
- 9D9006
- 7F7404
- 625A02
- 474101
- 2D2900
- 161300
- 030300
Tonos
- F0DE38
- E3D44B
- D6C958
- C9BF62
- BCB46A
- B0AA71
- A39F76
- 97957A
- 8C8A7D
Armonías de color
Complementario +180°
- FDE910
Genoa Lemon
- E1E2FF
≈ Stoic White
Análogo -30° +30°
- FDE910
Genoa Lemon
- FFDFB8
≈ Liveliness
- B2FF75
≈ Key Lime
Triádico +120° +240°
- FDE910
Genoa Lemon
- C0EEFF
≈ Ice Effect
- FFD8EE
≈ Sweet Sachet
Complementario dividido +150° +210°
- FDE910
Genoa Lemon
- D3E7FF
≈ Veiling Waterfalls
- F2DBFF
≈ Lavender Savour
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.83:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--genoa-lemon: #fde910;
--genoa-lemon-rgb: 253 233 16;
--genoa-lemon-oklch: oklch(0.921 0.192 103.1);
}
.element {
color: var(--genoa-lemon);
background-color: hsl(55 98% 53%);
border-color: oklch(0.921 0.192 103.1);
}Tailwind CSS v4
@theme {
--color-genoa-lemon: #fde910;
--color-genoa-lemon-50: #fdf9b9;
--color-genoa-lemon-100: #f1eca0;
--color-genoa-lemon-200: #e0d973;
--color-genoa-lemon-300: #c6bc2c;
--color-genoa-lemon-400: #b4a100;
--color-genoa-lemon-500: #9f8700;
--color-genoa-lemon-600: #877200;
--color-genoa-lemon-700: #6c5b00;
--color-genoa-lemon-800: #524200;
--color-genoa-lemon-900: #392d00;
--color-genoa-lemon-950: #231a00;
}SCSS
$genoa-lemon: #fde910;
$genoa-lemon-rgb: 253, 233, 16;
$genoa-lemon-light: mix(#fff, $genoa-lemon, 20%);
$genoa-lemon-dark: mix(#000, $genoa-lemon, 20%);
.element {
color: $genoa-lemon;
box-shadow: 0 0 0 2px rgba($genoa-lemon, 0.35);
}