Couleur nommée la plus proche · #F7F8F1
#F7F8F1
Couleur nommée la plus proche: Morning Snow
#F7F8F1 (rgb(247 248 241), hsl(69 33% 96%), oklch(0.976 0.009 113.2)) est la plus proche de la couleur nommée Morning Snow. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F7F8F1
oklch(0.976 0.009 113.2)
Conversions de couleur
- HEX
- #f7f8f1
- RGB
- rgb(247 248 241)
- HSL
- hsl(69 33% 96%)
- HWB
- hwb(69 95% 3%)
- OKLCH
- oklch(0.976 0.009 113.2)
- OKLab
- oklab(0.976 -0.004 0.009)
- CIE Lab
- lab(97.36 -1.25 3.25)
- LCH
- lch(97.36 3.48 111.1)
- CMYK
- cmyk(0% 0% 3% 3%)
Teintes · Ombres · Tons
Teintes
- F8F9F2
- F9F9F4
- F9FAF5
- FAFBF7
- FBFBF8
- FCFCF9
- FDFDFB
- FDFEFC
- FEFEFE
Ombres
- D7D8D2
- B7B8B3
- 999A95
- 7C7C79
- 60605D
- 454543
- 2C2C2B
- 151514
- 030303
Tons
- EAEBE5
- DEDFD9
- D2D3CE
- C6C6C2
- BABAB7
- AEAEAC
- A2A2A1
- 979796
- 8B8B8B
Harmonies de couleurs
Complémentaire +180°
- F7F8F1
Morning Snow
- F7F6FD
≈ Mā White
Analogue -30° +30°
- F7F8F1
Morning Snow
- FAF7F0
≈ Milk Jug
- F4F9F3
≈ Laundry White
Triadique +120° +240°
- F7F8F1
Morning Snow
- F1F8FD
≈ Cotton Ball
- FDF5F8
≈ Sea Salt Sherbet
Complémentaire divisée +150° +210°
- F7F8F1
Morning Snow
- F4F7FE
≈ Mā White
- FAF5FB
≈ Walkie Chalkie
Tétradique +90° +180° +270°
- F7F8F1
Morning Snow
- F0F9FA
≈ Distant Horizon
- F7F6FD
≈ Mā White
- FEF5F4
≈ Coy
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.06:1 · APCA Lc 0
Ag
AAASur noir
WCAG 19.65:1 · APCA Lc 103
Meilleure couleur de texte: #000000
WCAG 19.65:1 (AAA) · APCA Lc 103
Contrast pairs
Extraits de code
CSS
:root {
--morning-snow: #f7f8f1;
--morning-snow-rgb: 247 248 241;
--morning-snow-oklch: oklch(0.976 0.009 113.2);
}
.element {
color: var(--morning-snow);
background-color: hsl(69 33% 96%);
border-color: oklch(0.976 0.009 113.2);
}Tailwind CSS v4
@theme {
--color-morning-snow: #f7f8f1;
--color-morning-snow-50: #f5f5f2;
--color-morning-snow-100: #e8e8e5;
--color-morning-snow-200: #d4d5d0;
--color-morning-snow-300: #b7b8b3;
--color-morning-snow-400: #9e9f99;
--color-morning-snow-500: #868780;
--color-morning-snow-600: #71726c;
--color-morning-snow-700: #5b5b57;
--color-morning-snow-800: #42433f;
--color-morning-snow-900: #2e2e2b;
--color-morning-snow-950: #1b1b19;
}SCSS
$morning-snow: #f7f8f1;
$morning-snow-rgb: 247, 248, 241;
$morning-snow-light: mix(#fff, $morning-snow, 20%);
$morning-snow-dark: mix(#000, $morning-snow, 20%);
.element {
color: $morning-snow;
box-shadow: 0 0 0 2px rgba($morning-snow, 0.35);
}