Couleur nommée la plus proche · #F8F0E6
#F8F0E6
Couleur nommée la plus proche: Magnolia Petal
#F8F0E6 (rgb(248 240 230), hsl(33 56% 94%), oklch(0.959 0.016 73.7)) est la plus proche de la couleur nommée Magnolia Petal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F8F0E6
oklch(0.959 0.016 73.7)
Conversions de couleur
- HEX
- #f8f0e6
- RGB
- rgb(248 240 230)
- HSL
- hsl(33 56% 94%)
- HWB
- hwb(33 90% 3%)
- OKLCH
- oklch(0.959 0.016 73.7)
- OKLab
- oklab(0.959 0.004 0.015)
- CIE Lab
- lab(95.22 1.52 5.85)
- LCH
- lch(95.22 6.05 75.4)
- CMYK
- cmyk(0% 3% 7% 3%)
Teintes · Ombres · Tons
Teintes
- F9F1E8
- F9F3EB
- FAF4ED
- FBF6F0
- FCF7F2
- FCF9F5
- FDFAF7
- FEFCFA
- FEFDFC
Ombres
- D8D1C8
- B8B2AB
- 9A958E
- 7C7873
- 605D59
- 454340
- 2C2A28
- 151413
- 030303
Tons
- EBE4DB
- DFD9D1
- D3CDC6
- C6C2BC
- BAB6B2
- AEABA8
- A2A09D
- 979594
- 8B8B8A
Harmonies de couleurs
Complémentaire +180°
- F8F0E6
Magnolia Petal
- EAF2FC
≈ Moon White
Analogue -30° +30°
- F8F0E6
Magnolia Petal
- FBEEE9
≈ Rose White
- F3F2E6
≈ Magnolia Spring
Triadique +120° +240°
- F8F0E6
Magnolia Petal
- E6F5F4
≈ Milky Way
- F5EEF9
≈ Sentimental Pink
Complémentaire divisée +150° +210°
- F8F0E6
Magnolia Petal
- E7F4F9
≈ Milky Way
- F0F0FC
≈ Foundation White
Tétradique +90° +180° +270°
- F8F0E6
Magnolia Petal
- E8F5EE
≈ Shiroi White
- EAF2FC
≈ Moon White
- FAEDF4
≈ Sentimental Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.12:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.59:1 · APCA Lc 99
Meilleure couleur de texte: #000000
WCAG 18.59:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
CSS
:root {
--magnolia-petal: #f8f0e6;
--magnolia-petal-rgb: 248 240 230;
--magnolia-petal-oklch: oklch(0.959 0.016 73.7);
}
.element {
color: var(--magnolia-petal);
background-color: hsl(33 56% 94%);
border-color: oklch(0.959 0.016 73.7);
}Tailwind CSS v4
@theme {
--color-magnolia-petal: #f8f0e6;
--color-magnolia-petal-50: #f8f5f0;
--color-magnolia-petal-100: #ebe7e2;
--color-magnolia-petal-200: #d8d3cd;
--color-magnolia-petal-300: #bcb6af;
--color-magnolia-petal-400: #a49d94;
--color-magnolia-petal-500: #8d857b;
--color-magnolia-petal-600: #777068;
--color-magnolia-petal-700: #5f5a53;
--color-magnolia-petal-800: #46423c;
--color-magnolia-petal-900: #302d2a;
--color-magnolia-petal-950: #1d1a17;
}SCSS
$magnolia-petal: #f8f0e6;
$magnolia-petal-rgb: 248, 240, 230;
$magnolia-petal-light: mix(#fff, $magnolia-petal, 20%);
$magnolia-petal-dark: mix(#000, $magnolia-petal, 20%);
.element {
color: $magnolia-petal;
box-shadow: 0 0 0 2px rgba($magnolia-petal, 0.35);
}