Couleur nommée la plus proche · #F8E8E7
#F8E8E7
Couleur nommée la plus proche: Voracious White
#F8E8E7 (rgb(248 232 231), hsl(4 55% 94%), oklch(0.943 0.018 21.8)) est la plus proche de la couleur nommée Voracious White. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F8E8E7
oklch(0.943 0.018 21.8)
Conversions de couleur
- HEX
- #f8e8e7
- RGB
- rgb(248 232 231)
- HSL
- hsl(4 55% 94%)
- HWB
- hwb(4 91% 3%)
- OKLCH
- oklch(0.943 0.018 21.8)
- OKLab
- oklab(0.943 0.016 0.007)
- CIE Lab
- lab(93.27 5.49 2.54)
- LCH
- lch(93.27 6.05 24.9)
- CMYK
- cmyk(0% 6% 7% 3%)
Teintes · Ombres · Tons
Teintes
- F9EAE9
- F9EDEC
- FAEFEE
- FBF1F1
- FCF3F3
- FCF6F5
- FDF8F8
- FEFAFA
- FEFDFD
Ombres
- D8CAC9
- B8ACAB
- 9A908F
- 7C7473
- 605959
- 454040
- 2C2928
- 151313
- 030303
Tons
- EBDDDC
- DFD2D2
- D3C8C7
- C6BDBC
- BAB3B2
- AEA8A8
- A29E9E
- 979494
- 8B8A8A
Harmonies de couleurs
Complémentaire +180°
- F8E8E7
Voracious White
- E0F0F1
≈ Azul Primavera
Analogue -30° +30°
- F8E8E7
Voracious White
- F6E8ED
≈ Princess Elle
- F7E9E2
≈ Hush Pink
Triadique +120° +240°
- F8E8E7
Voracious White
- E6EFE5
≈ Stone Path
- E6EDF8
≈ Coconut White
Complémentaire divisée +150° +210°
- F8E8E7
Voracious White
- E1F0EB
≈ Aquacade
- E1EFF6
≈ Diamond White
Tétradique +90° +180° +270°
- F8E8E7
Voracious White
- ECEEE1
≈ Sublime
- E0F0F1
≈ Azul Primavera
- ECEAF7
≈ Bright Dusk
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.18:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.68:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.68:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--voracious-white: #f8e8e7;
--voracious-white-rgb: 248 232 231;
--voracious-white-oklch: oklch(0.943 0.018 21.8);
}
.element {
color: var(--voracious-white);
background-color: hsl(4 55% 94%);
border-color: oklch(0.943 0.018 21.8);
}Tailwind CSS v4
@theme {
--color-voracious-white: #f8e8e7;
--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: #f8e8e7;
$voracious-white-rgb: 248, 232, 231;
$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);
}