Named color · #EEF7FA
Silent Snowfall
Silent Snowfall is #EEF7FA: rgb(238 247 250), hsl(195 55% 96%), oklch(0.97 0.01 219.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Silent Snowfall color name →
#EEF7FA
oklch(0.97 0.01 219.6)
Color conversions
- HEX
- #eef7fa
- RGB
- rgb(238 247 250)
- HSL
- hsl(195 55% 96%)
- HWB
- hwb(195 93% 2%)
- OKLCH
- oklch(0.97 0.01 219.6)
- OKLab
- oklab(0.97 -0.008 -0.007)
- CIE Lab
- lab(96.61 -2.66 -2.53)
- LCH
- lch(96.61 3.68 223.5)
- CMYK
- cmyk(5% 1% 0% 2%)
Tints · Shades · Tones
Tints
- F0F8FB
- F1F9FB
- F3F9FC
- F5FAFC
- F7FBFD
- F8FCFD
- FAFDFE
- FCFDFE
- FDFEFF
Shades
- CFD7D9
- B1B7BA
- 93999B
- 777C7D
- 5C6061
- 424546
- 2A2C2D
- 141515
- 030303
Tones
- E2EAED
- D7DEE0
- CCD2D4
- C1C6C7
- B5BABB
- ABAEAF
- A0A2A3
- 959797
- 8A8B8B
Color harmonies
Complementary +180°
- EEF7FA
Silent Snowfall
- FCF3F0
≈ Ivory Tower
Analogous -30° +30°
- EEF7FA
Silent Snowfall
- EEF8F7
≈ Aijiro White
- F0F6FC
≈ Cotton Ball
Triadic +120° +240°
- EEF7FA
Silent Snowfall
- FAF3F7
≈ Abalone
- F7F5EE
≈ Snow Day
Split-complementary +150° +210°
- EEF7FA
Silent Snowfall
- FCF2F4
≈ Glimpse of Pink
- FAF4EE
≈ Crystal Cut
Tetradic +90° +180° +270°
- EEF7FA
Silent Snowfall
- F7F3FB
≈ Sugar Crystal
- FCF3F0
≈ Ivory Tower
- F3F7EF
≈ Grass Valley
Contrast & accessibility
Ag
FailOn white
WCAG 1.08:1 · APCA Lc 0
Ag
AAAOn black
WCAG 19.32:1 · APCA Lc 102
Best text color: #000000
WCAG 19.32:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--silent-snowfall: #eef7fa;
--silent-snowfall-rgb: 238 247 250;
--silent-snowfall-oklch: oklch(0.97 0.01 219.6);
}
.element {
color: var(--silent-snowfall);
background-color: hsl(195 55% 96%);
border-color: oklch(0.97 0.01 219.6);
}Tailwind CSS v4
@theme {
--color-silent-snowfall: #eef7fa;
--color-silent-snowfall-50: #f2f6f7;
--color-silent-snowfall-100: #e4e9ea;
--color-silent-snowfall-200: #d0d5d7;
--color-silent-snowfall-300: #b2b9bb;
--color-silent-snowfall-400: #98a0a3;
--color-silent-snowfall-500: #7f888b;
--color-silent-snowfall-600: #6c7375;
--color-silent-snowfall-700: #565c5e;
--color-silent-snowfall-800: #3f4345;
--color-silent-snowfall-900: #2b2e2f;
--color-silent-snowfall-950: #181b1c;
}SCSS
$silent-snowfall: #eef7fa;
$silent-snowfall-rgb: 238, 247, 250;
$silent-snowfall-light: mix(#fff, $silent-snowfall, 20%);
$silent-snowfall-dark: mix(#000, $silent-snowfall, 20%);
.element {
color: $silent-snowfall;
box-shadow: 0 0 0 2px rgba($silent-snowfall, 0.35);
}