Color con nombre · #F2EDE3
Flurries
Flurries es #F2EDE3: rgb(242 237 227), hsl(40 37% 92%), oklch(0.947 0.014 84.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Flurries color name →
#F2EDE3
oklch(0.947 0.014 84.6)
Conversiones de color
- HEX
- #f2ede3
- RGB
- rgb(242 237 227)
- HSL
- hsl(40 37% 92%)
- HWB
- hwb(40 89% 5%)
- OKLCH
- oklch(0.947 0.014 84.6)
- OKLab
- oklab(0.947 0.001 0.014)
- CIE Lab
- lab(93.94 0.47 5.49)
- LCH
- lch(93.94 5.51 85.1)
- CMYK
- cmyk(0% 2% 6% 5%)
Tintes · Sombras · Tonos
Tintes
- F3EFE6
- F5F1E9
- F6F2EB
- F7F4EE
- F8F6F1
- FAF8F4
- FBFAF7
- FCFBF9
- FEFDFC
Sombras
- D2CEC5
- B4B0A8
- 96938C
- 797771
- 5E5C57
- 43423F
- 2B2A27
- 141412
- 030303
Tonos
- E6E2D9
- DAD6CE
- CECBC4
- C3C0BA
- B7B5B0
- ACAAA6
- A19F9D
- 969593
- 8B8A89
Armonías de color
Complementario +180°
- F2EDE3
Flurries
- E9EEF8
≈ First Snow
Análogo -30° +30°
- F2EDE3
Flurries
- F6EBE5
≈ Naivete
- EDEFE4
≈ Creamy Garlic
Triádico +120° +240°
- F2EDE3
Flurries
- E3F1F2
≈ Ethereal White
- F3EAF3
≈ Snow Plum
Complementario dividido +150° +210°
- F2EDE3
Flurries
- E5EFF6
≈ Clear Vision
- EEECF7
≈ Silver Phoenix
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 17.99:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--flurries: #f2ede3;
--flurries-rgb: 242 237 227;
--flurries-oklch: oklch(0.947 0.014 84.6);
}
.element {
color: var(--flurries);
background-color: hsl(40 37% 92%);
border-color: oklch(0.947 0.014 84.6);
}Tailwind CSS v4
@theme {
--color-flurries: #f2ede3;
--color-flurries-50: #f7f5f1;
--color-flurries-100: #eae8e3;
--color-flurries-200: #d7d4cd;
--color-flurries-300: #bab7af;
--color-flurries-400: #a29e95;
--color-flurries-500: #8b867c;
--color-flurries-600: #757169;
--color-flurries-700: #5e5a54;
--color-flurries-800: #45423d;
--color-flurries-900: #302e2a;
--color-flurries-950: #1c1a17;
}SCSS
$flurries: #f2ede3;
$flurries-rgb: 242, 237, 227;
$flurries-light: mix(#fff, $flurries, 20%);
$flurries-dark: mix(#000, $flurries, 20%);
.element {
color: $flurries;
box-shadow: 0 0 0 2px rgba($flurries, 0.35);
}