Color con nombre · #F4F3E8
Daisy Field
Daisy Field es #F4F3E8: rgb(244 243 232), hsl(55 35% 93%), oklch(0.962 0.015 102.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Daisy Field color name →
#F4F3E8
oklch(0.962 0.015 102.5)
Conversiones de color
- HEX
- #f4f3e8
- RGB
- rgb(244 243 232)
- HSL
- hsl(55 35% 93%)
- HWB
- hwb(55 91% 4%)
- OKLCH
- oklch(0.962 0.015 102.5)
- OKLab
- oklab(0.962 -0.003 0.014)
- CIE Lab
- lab(95.69 -1.06 5.45)
- LCH
- lch(95.69 5.55 101.1)
- CMYK
- cmyk(0% 0% 5% 4%)
Tintes · Sombras · Tonos
Tintes
- F5F4EA
- F6F5ED
- F7F7EF
- F8F8F1
- F9F9F3
- FBFAF6
- FCFBF8
- FDFDFA
- FEFEFD
Sombras
- D4D3CA
- B5B4AC
- 979790
- 7A7A74
- 5E5E59
- 444440
- 2B2B29
- 141413
- 030303
Tonos
- E8E7DD
- DCDBD2
- D0CFC8
- C4C3BD
- B8B8B3
- ADACA8
- A1A19E
- 969694
- 8B8B8A
Armonías de color
Complementario +180°
- F4F3E8
Daisy Field
- F1F1FC
≈ Alpine Goat
Análogo -30° +30°
- F4F3E8
Daisy Field
- F9F1E8
≈ Moonlit Beach
- EFF5EB
≈ Frosted Juniper
Triádico +120° +240°
- F4F3E8
Daisy Field
- E9F5FA
≈ Kodama White
- FAEFF5
≈ Sentimental Pink
Complementario dividido +150° +210°
- F4F3E8
Daisy Field
- ECF3FC
≈ Placebo Blue
- F6F0FA
≈ Cloud Break
Tetrádico +90° +180° +270°
- F4F3E8
Daisy Field
- E8F6F5
≈ Indigo White
- F1F1FC
≈ Alpine Goat
- FCEFF0
≈ Pale Cherry Blossom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.83:1 · APCA Lc 100
Mejor color de texto: #000000
WCAG 18.83:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmentos de código
CSS
:root {
--daisy-field: #f4f3e8;
--daisy-field-rgb: 244 243 232;
--daisy-field-oklch: oklch(0.962 0.015 102.5);
}
.element {
color: var(--daisy-field);
background-color: hsl(55 35% 93%);
border-color: oklch(0.962 0.015 102.5);
}Tailwind CSS v4
@theme {
--color-daisy-field: #f4f3e8;
--color-daisy-field-50: #f6f5f1;
--color-daisy-field-100: #e8e8e3;
--color-daisy-field-200: #d5d5ce;
--color-daisy-field-300: #b8b8af;
--color-daisy-field-400: #a09f95;
--color-daisy-field-500: #88877c;
--color-daisy-field-600: #737269;
--color-daisy-field-700: #5c5b54;
--color-daisy-field-800: #43433d;
--color-daisy-field-900: #2e2e2a;
--color-daisy-field-950: #1b1b17;
}SCSS
$daisy-field: #f4f3e8;
$daisy-field-rgb: 244, 243, 232;
$daisy-field-light: mix(#fff, $daisy-field, 20%);
$daisy-field-dark: mix(#000, $daisy-field, 20%);
.element {
color: $daisy-field;
box-shadow: 0 0 0 2px rgba($daisy-field, 0.35);
}