Warna bernama · #EEF7FA
Silent Snowfall
Silent Snowfall adalah #EEF7FA: rgb(238 247 250), hsl(195 55% 96%), oklch(0.97 0.01 219.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Silent Snowfall color name →
#EEF7FA
oklch(0.97 0.01 219.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F0F8FB
- F1F9FB
- F3F9FC
- F5FAFC
- F7FBFD
- F8FCFD
- FAFDFE
- FCFDFE
- FDFEFF
Shade
- CFD7D9
- B1B7BA
- 93999B
- 777C7D
- 5C6061
- 424546
- 2A2C2D
- 141515
- 030303
Tone
- E2EAED
- D7DEE0
- CCD2D4
- C1C6C7
- B5BABB
- ABAEAF
- A0A2A3
- 959797
- 8A8B8B
Harmoni warna
Komplementer +180°
- EEF7FA
Silent Snowfall
- FCF3F0
≈ Ivory Tower
Analog -30° +30°
- EEF7FA
Silent Snowfall
- EEF8F7
≈ Aijiro White
- F0F6FC
≈ Cotton Ball
Triadik +120° +240°
- EEF7FA
Silent Snowfall
- FAF3F7
≈ Abalone
- F7F5EE
≈ Snow Day
Split-komplementer +150° +210°
- EEF7FA
Silent Snowfall
- FCF2F4
≈ Glimpse of Pink
- FAF4EE
≈ Crystal Cut
Tetradik +90° +180° +270°
- EEF7FA
Silent Snowfall
- F7F3FB
≈ Sugar Crystal
- FCF3F0
≈ Ivory Tower
- F3F7EF
≈ Grass Valley
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.08:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 19.32:1 · APCA Lc 102
Warna teks terbaik: #000000
WCAG 19.32:1 (AAA) · APCA Lc 102
Contrast pairs
Cuplikan kode
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);
}