Color con nombre más cercano · #F9E1DF
#F9E1DF
Color con nombre más cercano: Fresco
#F9E1DF (rgb(249 225 223), hsl(5 68% 93%), oklch(0.929 0.027 23.4)) se parece más al color con nombre Fresco. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F9E1DF
oklch(0.929 0.027 23.4)
Conversiones de color
- HEX
- #f9e1df
- RGB
- rgb(249 225 223)
- HSL
- hsl(5 68% 93%)
- HWB
- hwb(5 87% 2%)
- OKLCH
- oklch(0.929 0.027 23.4)
- OKLab
- oklab(0.929 0.024 0.011)
- CIE Lab
- lab(91.47 8.26 4.14)
- LCH
- lch(91.47 9.24 26.6)
- CMYK
- cmyk(0% 10% 10% 2%)
Tintes · Sombras · Tonos
Tintes
- FAE4E2
- FAE7E5
- FBEAE9
- FCEDEC
- FCF0EF
- FDF3F2
- FDF6F5
- FEF9F9
- FEFCFC
Sombras
- D9C4C2
- B9A7A5
- 9A8B8A
- 7D706F
- 615656
- 463E3D
- 2C2727
- 151212
- 030202
Tonos
- ECD7D5
- E0CDCB
- D3C3C2
- C7B9B8
- BBAFAE
- AFA6A5
- A39C9B
- 979392
- 8B8989
Armonías de color
Complementario +180°
- F9E1DF
Fresco
- D4EDEF
≈ Blue Emulsion
Análogo -30° +30°
- F9E1DF
Fresco
- F7E1E9
≈ First Crush
- F7E3D7
≈ Island Hopping
Triádico +120° +240°
- F9E1DF
Fresco
- DDECDC
≈ Cottage Green
- DEE8FA
≈ Husky
Complementario dividido +150° +210°
- F9E1DF
Fresco
- D6EEE6
≈ Dreamy Clouds
- D7EBF7
≈ Celestial Cathedral
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.86:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.86:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--fresco: #f9e1df;
--fresco-rgb: 249 225 223;
--fresco-oklch: oklch(0.929 0.027 23.4);
}
.element {
color: var(--fresco);
background-color: hsl(5 68% 93%);
border-color: oklch(0.929 0.027 23.4);
}Tailwind CSS v4
@theme {
--color-fresco: #f9e1df;
--color-fresco-50: #fdf2f1;
--color-fresco-100: #f1e5e3;
--color-fresco-200: #dfd0ce;
--color-fresco-300: #c5b2b0;
--color-fresco-400: #ae9997;
--color-fresco-500: #97807e;
--color-fresco-600: #806c6b;
--color-fresco-700: #665655;
--color-fresco-800: #4b3f3e;
--color-fresco-900: #342b2b;
--color-fresco-950: #201918;
}SCSS
$fresco: #f9e1df;
$fresco-rgb: 249, 225, 223;
$fresco-light: mix(#fff, $fresco, 20%);
$fresco-dark: mix(#000, $fresco, 20%);
.element {
color: $fresco;
box-shadow: 0 0 0 2px rgba($fresco, 0.35);
}