Color con nombre · #FAF4CE
Fresh Eggs
Fresh Eggs es #FAF4CE: rgb(250 244 206), hsl(52 81% 89%), oklch(0.962 0.05 99.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Fresh Eggs color name →
#FAF4CE
oklch(0.962 0.05 99.8)
Conversiones de color
- HEX
- #faf4ce
- RGB
- rgb(250 244 206)
- HSL
- hsl(52 81% 89%)
- HWB
- hwb(52 81% 2%)
- OKLCH
- oklch(0.962 0.05 99.8)
- OKLab
- oklab(0.962 -0.009 0.049)
- CIE Lab
- lab(95.94 -2.42 19.16)
- LCH
- lch(95.94 19.31 97.2)
- CMYK
- cmyk(0% 2% 18% 2%)
Tintes · Sombras · Tonos
Tintes
- FAF5D3
- FBF6D8
- FBF7DD
- FCF9E2
- FCFAE7
- FDFBEC
- FDFCF1
- FEFDF5
- FEFEFA
Sombras
- D9D4B3
- BAB598
- 9B977F
- 7D7A66
- 615E4E
- 464438
- 2D2B23
- 15140F
- 030302
Tonos
- EDE8C6
- E0DCBE
- D4D0B6
- C7C4AE
- BBB8A7
- AFAD9F
- A3A197
- 97968F
- 8B8B88
Armonías de color
Complementario +180°
- FAF4CE
Fresh Eggs
- F0F2FF
≈ Cloud Break
Análogo -30° +30°
- FAF4CE
Fresh Eggs
- FFF0DF
≈ Axolotl
- E8FAD7
≈ Pastoral
Triádico +120° +240°
- FAF4CE
Fresh Eggs
- E0F7FF
≈ Glacial Day
- FFECF8
≈ Partial Pink
Complementario dividido +150° +210°
- FAF4CE
Fresh Eggs
- E9F4FF
≈ Moon White
- F7EEFF
≈ Placebo Fuchsia
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.89:1 · APCA Lc 100
Mejor color de texto: #000000
WCAG 18.89:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmentos de código
CSS
:root {
--fresh-eggs: #faf4ce;
--fresh-eggs-rgb: 250 244 206;
--fresh-eggs-oklch: oklch(0.962 0.05 99.8);
}
.element {
color: var(--fresh-eggs);
background-color: hsl(52 81% 89%);
border-color: oklch(0.962 0.05 99.8);
}Tailwind CSS v4
@theme {
--color-fresh-eggs: #faf4ce;
--color-fresh-eggs-50: #f8f6e6;
--color-fresh-eggs-100: #ebe9d6;
--color-fresh-eggs-200: #d8d5bd;
--color-fresh-eggs-300: #bcb99c;
--color-fresh-eggs-400: #a5a07e;
--color-fresh-eggs-500: #8e8761;
--color-fresh-eggs-600: #787352;
--color-fresh-eggs-700: #605c42;
--color-fresh-eggs-800: #47432f;
--color-fresh-eggs-900: #312e20;
--color-fresh-eggs-950: #1d1b0f;
}SCSS
$fresh-eggs: #faf4ce;
$fresh-eggs-rgb: 250, 244, 206;
$fresh-eggs-light: mix(#fff, $fresh-eggs, 20%);
$fresh-eggs-dark: mix(#000, $fresh-eggs, 20%);
.element {
color: $fresh-eggs;
box-shadow: 0 0 0 2px rgba($fresh-eggs, 0.35);
}