Colore con nome · #F7F5ED
Snow Day
Snow Day è #F7F5ED: rgb(247 245 237), hsl(48 38% 95%), oklch(0.969 0.011 95.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Snow Day color name →
#F7F5ED
oklch(0.969 0.011 95.2)
Conversioni di colore
- HEX
- #f7f5ed
- RGB
- rgb(247 245 237)
- HSL
- hsl(48 38% 95%)
- HWB
- hwb(48 93% 3%)
- OKLCH
- oklch(0.969 0.011 95.2)
- OKLab
- oklab(0.969 -0.001 0.011)
- CIE Lab
- lab(96.53 -0.34 4.11)
- LCH
- lch(96.53 4.12 94.7)
- CMYK
- cmyk(0% 1% 4% 3%)
Tinte · Ombre · Toni
Tinte
- F8F6EF
- F9F7F1
- F9F8F2
- FAF9F4
- FBFAF6
- FCFBF8
- FDFCFA
- FDFDFB
- FEFEFD
Ombre
- D7D5CE
- B7B6B0
- 999893
- 7C7B77
- 605F5C
- 454442
- 2C2B2A
- 151514
- 030303
Toni
- EAE9E2
- DEDDD6
- D2D0CB
- C6C5C0
- BAB9B5
- AEADAA
- A2A29F
- 979695
- 8B8B8A
Armonie di colore
Complementare +180°
- F7F5ED
Snow Day
- F3F5FC
≈ White Solid
Analogo -30° +30°
- F7F5ED
Snow Day
- FAF4EE
≈ Crystal Cut
- F3F6EF
≈ Grass Valley
Triadico +120° +240°
- F7F5ED
Snow Day
- EDF7F9
≈ Silent Snowfall
- FAF2F8
≈ Abalone
Complementare divisa +150° +210°
- F7F5ED
Snow Day
- EFF6FC
≈ Silent Snowfall
- F6F3FB
≈ White Solid
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.23:1 · APCA Lc 101
Miglior colore del testo: #000000
WCAG 19.23:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
CSS
:root {
--snow-day: #f7f5ed;
--snow-day-rgb: 247 245 237;
--snow-day-oklch: oklch(0.969 0.011 95.2);
}
.element {
color: var(--snow-day);
background-color: hsl(48 38% 95%);
border-color: oklch(0.969 0.011 95.2);
}Tailwind CSS v4
@theme {
--color-snow-day: #f7f5ed;
--color-snow-day-50: #f6f5f2;
--color-snow-day-100: #e9e8e4;
--color-snow-day-200: #d5d4cf;
--color-snow-day-300: #b9b7b1;
--color-snow-day-400: #a09e97;
--color-snow-day-500: #88867e;
--color-snow-day-600: #73726b;
--color-snow-day-700: #5c5b55;
--color-snow-day-800: #44423e;
--color-snow-day-900: #2f2e2b;
--color-snow-day-950: #1b1b18;
}SCSS
$snow-day: #f7f5ed;
$snow-day-rgb: 247, 245, 237;
$snow-day-light: mix(#fff, $snow-day, 20%);
$snow-day-dark: mix(#000, $snow-day, 20%);
.element {
color: $snow-day;
box-shadow: 0 0 0 2px rgba($snow-day, 0.35);
}