Color con nombre · #FEEEED
Voracious White
Voracious White es #FEEEED: rgb(254 238 237), hsl(4 89% 96%), oklch(0.961 0.017 21.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Voracious White color name →
#FEEEED
oklch(0.961 0.017 21.8)
Conversiones de color
- HEX
- #feeeed
- RGB
- rgb(254 238 237)
- HSL
- hsl(4 89% 96%)
- HWB
- hwb(4 93% 0%)
- OKLCH
- oklch(0.961 0.017 21.8)
- OKLab
- oklab(0.961 0.016 0.006)
- CIE Lab
- lab(95.36 5.46 2.53)
- LCH
- lch(95.36 6.02 24.9)
- CMYK
- cmyk(0% 6% 7% 0%)
Tintes · Sombras · Tonos
Tintes
- FEF0EF
- FEF1F1
- FEF3F2
- FEF5F4
- FFF6F6
- FFF8F8
- FFFAFA
- FFFCFB
- FFFDFD
Sombras
- DDCFCE
- BDB1B0
- 9E9393
- 807777
- 635C5C
- 474242
- 2D2A2A
- 161414
- 030303
Tonos
- F1E2E2
- E4D7D6
- D7CCCB
- CAC1C0
- BDB5B5
- B1AAAA
- A4A09F
- 989595
- 8C8A8A
Armonías de color
Complementario +180°
- FEEEED
Voracious White
- E6F6F7
≈ Milky Way
Análogo -30° +30°
- FEEEED
Voracious White
- FCEEF3
≈ Pale Cherry Blossom
- FDEFE8
≈ Rose White
Triádico +120° +240°
- FEEEED
Voracious White
- ECF5EB
≈ Apple Flower
- ECF3FE
≈ Placebo Blue
Complementario dividido +150° +210°
- FEEEED
Voracious White
- E7F6F1
≈ Shiroi White
- E7F5FC
≈ Kodama White
Tetrádico +90° +180° +270°
- FEEEED
Voracious White
- F2F4E7
≈ Calcium
- E6F6F7
≈ Milky Way
- F2F0FD
≈ Cloud Break
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.66:1 · APCA Lc 99
Mejor color de texto: #000000
WCAG 18.66:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--voracious-white: #feeeed;
--voracious-white-rgb: 254 238 237;
--voracious-white-oklch: oklch(0.961 0.017 21.8);
}
.element {
color: var(--voracious-white);
background-color: hsl(4 89% 96%);
border-color: oklch(0.961 0.017 21.8);
}Tailwind CSS v4
@theme {
--color-voracious-white: #feeeed;
--color-voracious-white-50: #faf3f3;
--color-voracious-white-100: #eee6e5;
--color-voracious-white-200: #dcd1d1;
--color-voracious-white-300: #c0b4b3;
--color-voracious-white-400: #a99b9a;
--color-voracious-white-500: #928281;
--color-voracious-white-600: #7b6e6d;
--color-voracious-white-700: #635857;
--color-voracious-white-800: #484040;
--color-voracious-white-900: #322c2c;
--color-voracious-white-950: #1e1919;
}SCSS
$voracious-white: #feeeed;
$voracious-white-rgb: 254, 238, 237;
$voracious-white-light: mix(#fff, $voracious-white, 20%);
$voracious-white-dark: mix(#000, $voracious-white, 20%);
.element {
color: $voracious-white;
box-shadow: 0 0 0 2px rgba($voracious-white, 0.35);
}