Color con nombre · #F6E2CE
Warm Fuzzies
Warm Fuzzies es #F6E2CE: rgb(246 226 206), hsl(30 69% 89%), oklch(0.924 0.035 67.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Warm Fuzzies color name →
#F6E2CE
oklch(0.924 0.035 67.4)
Conversiones de color
- HEX
- #f6e2ce
- RGB
- rgb(246 226 206)
- HSL
- hsl(30 69% 89%)
- HWB
- hwb(30 81% 4%)
- OKLCH
- oklch(0.924 0.035 67.4)
- OKLab
- oklab(0.924 0.013 0.032)
- CIE Lab
- lab(91.13 4.72 12.42)
- LCH
- lch(91.13 13.29 69.2)
- CMYK
- cmyk(0% 8% 16% 4%)
Tintes · Sombras · Tonos
Tintes
- F7E5D3
- F8E8D8
- F9EBDD
- FAEEE2
- FBF1E6
- FCF3EB
- FCF6F0
- FDF9F5
- FEFCFA
Sombras
- D6C4B3
- B7A898
- 988C7F
- 7B7166
- 5F574E
- 453E38
- 2C2723
- 15120F
- 030302
Tonos
- EAD8C6
- DDCEBE
- D1C4B6
- C5BAAE
- B9B0A6
- AEA69F
- A29C97
- 96938F
- 8B8988
Armonías de color
Complementario +180°
- F6E2CE
Warm Fuzzies
- D4E9FC
≈ Cloudless
Análogo -30° +30°
- F6E2CE
Warm Fuzzies
- FCDED6
≈ Botticelli Angel
- ECE6CD
≈ Banana Milkshake
Triádico +120° +240°
- F6E2CE
Warm Fuzzies
- CDEEEA
≈ Icy Blue
- ECE0F8
≈ Sheer Lavender
Complementario dividido +150° +210°
- F6E2CE
Warm Fuzzies
- CDECF5
≈ Frosty Day
- E0E4FD
≈ Lavender Mist
Tetrádico +90° +180° +270°
- F6E2CE
Warm Fuzzies
- D4EDDD
≈ Winter Fresh
- D4E9FC
≈ Cloudless
- F6DDEE
≈ Grape Taffy
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.68:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.68:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--warm-fuzzies: #f6e2ce;
--warm-fuzzies-rgb: 246 226 206;
--warm-fuzzies-oklch: oklch(0.924 0.035 67.4);
}
.element {
color: var(--warm-fuzzies);
background-color: hsl(30 69% 89%);
border-color: oklch(0.924 0.035 67.4);
}Tailwind CSS v4
@theme {
--color-warm-fuzzies: #f6e2ce;
--color-warm-fuzzies-50: #fcf4eb;
--color-warm-fuzzies-100: #f0e6dc;
--color-warm-fuzzies-200: #ded2c5;
--color-warm-fuzzies-300: #c3b5a5;
--color-warm-fuzzies-400: #ad9b89;
--color-warm-fuzzies-500: #96826e;
--color-warm-fuzzies-600: #7f6e5d;
--color-warm-fuzzies-700: #66584a;
--color-warm-fuzzies-800: #4b4036;
--color-warm-fuzzies-900: #342c25;
--color-warm-fuzzies-950: #1f1913;
}SCSS
$warm-fuzzies: #f6e2ce;
$warm-fuzzies-rgb: 246, 226, 206;
$warm-fuzzies-light: mix(#fff, $warm-fuzzies, 20%);
$warm-fuzzies-dark: mix(#000, $warm-fuzzies, 20%);
.element {
color: $warm-fuzzies;
box-shadow: 0 0 0 2px rgba($warm-fuzzies, 0.35);
}