Color con nombre · #FED56F
Quiche Lorraine
Quiche Lorraine es #FED56F: rgb(254 213 111), hsl(43 99% 72%), oklch(0.888 0.129 87.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Quiche Lorraine color name →
#FED56F
oklch(0.888 0.129 87.7)
Conversiones de color
- HEX
- #fed56f
- RGB
- rgb(254 213 111)
- HSL
- hsl(43 99% 72%)
- HWB
- hwb(43 44% 0%)
- OKLCH
- oklch(0.888 0.129 87.7)
- OKLab
- oklab(0.888 0.005 0.129)
- CIE Lab
- lab(87.35 6.29 55.19)
- LCH
- lch(87.35 55.54 83.5)
- CMYK
- cmyk(0% 16% 56% 0%)
Tintes · Sombras · Tonos
Tintes
- FED980
- FEDE90
- FFE29F
- FFE7AE
- FFEBBC
- FFEFCA
- FFF3D7
- FFF7E5
- FFFBF2
Sombras
- DDB960
- BD9E51
- 9E8342
- 806A34
- 635127
- 473A1A
- 2D240E
- 161004
- 030201
Tonos
- F1CC73
- E4C476
- D7BB79
- CAB37B
- BDAA7D
- B1A27E
- A4997F
- 989180
- 8C8880
Armonías de color
Complementario +180°
- FED56F
Quiche Lorraine
- CBDAFF
≈ Icy Plains
Análogo -30° +30°
- FED56F
Quiche Lorraine
- FFCFAC
≈ Peach Juice
- D3E680
≈ Refreshed
Triádico +120° +240°
- FED56F
Quiche Lorraine
- 7AEEFF
≈ Robin’s Egg
- FFC3FD
≈ Distilled Rose
Complementario dividido +150° +210°
- FED56F
Quiche Lorraine
- B4E1FF
≈ Frozen Landscape
- DED2FF
≈ Pale Lavender
Tetrádico +90° +180° +270°
- FED56F
Quiche Lorraine
- 69F6DA
≈ Tiffany Blue
- CBDAFF
≈ Icy Plains
- FFC9DA
≈ Blossom Tree
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 14.96:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--quiche-lorraine: #fed56f;
--quiche-lorraine-rgb: 254 213 111;
--quiche-lorraine-oklch: oklch(0.888 0.129 87.7);
}
.element {
color: var(--quiche-lorraine);
background-color: hsl(43 99% 72%);
border-color: oklch(0.888 0.129 87.7);
}Tailwind CSS v4
@theme {
--color-quiche-lorraine: #fed56f;
--color-quiche-lorraine-50: #fff4cc;
--color-quiche-lorraine-100: #f9e7b7;
--color-quiche-lorraine-200: #ead294;
--color-quiche-lorraine-300: #d1b566;
--color-quiche-lorraine-400: #be9936;
--color-quiche-lorraine-500: #aa7f00;
--color-quiche-lorraine-600: #906c00;
--color-quiche-lorraine-700: #735600;
--color-quiche-lorraine-800: #563e00;
--color-quiche-lorraine-900: #3c2b00;
--color-quiche-lorraine-950: #261800;
}SCSS
$quiche-lorraine: #fed56f;
$quiche-lorraine-rgb: 254, 213, 111;
$quiche-lorraine-light: mix(#fff, $quiche-lorraine, 20%);
$quiche-lorraine-dark: mix(#000, $quiche-lorraine, 20%);
.element {
color: $quiche-lorraine;
box-shadow: 0 0 0 2px rgba($quiche-lorraine, 0.35);
}