Nazwany kolor · #E0DEDA
Snowfall
Snowfall to #E0DEDA: rgb(224 222 218), hsl(40 9% 87%), oklch(0.901 0.006 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Snowfall color name →
#E0DEDA
oklch(0.901 0.006 84.6)
Konwersje koloru
- HEX
- #e0deda
- RGB
- rgb(224 222 218)
- HSL
- hsl(40 9% 87%)
- HWB
- hwb(40 85% 12%)
- OKLCH
- oklch(0.901 0.006 84.6)
- OKLab
- oklab(0.901 0.001 0.006)
- CIE Lab
- lab(88.54 0.18 2.22)
- LCH
- lch(88.54 2.23 85.5)
- CMYK
- cmyk(0% 1% 3% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3E1DE
- E6E5E1
- E9E8E5
- ECEBE9
- EFEEEC
- F3F2F0
- F6F5F4
- F9F8F8
- FCFCFB
Odcienie ciemniejsze
- C3C1BD
- A6A5A2
- 8A8987
- 706F6C
- 565554
- 3E3D3C
- 272625
- 121211
- 020202
Tony
- D6D4D1
- CCCAC7
- C2C1BE
- B8B7B5
- AFAEAC
- A5A4A3
- 9C9B9A
- 929291
- 898989
Harmonie kolorów
Komplementarna +180°
- E0DEDA
Snowfall
- DCDEE2
≈ Grey Placidity
Analogowa -30° +30°
- E0DEDA
Snowfall
- E2DDDB
≈ Fall Chill
- DEDFDA
≈ White Bullet
Triada +120° +240°
- E0DEDA
Snowfall
- DADFE0
≈ Cold Water
- E0DDE0
≈ Lavender Lace
Komplementarna rozszczepiona +150° +210°
- E0DEDA
Snowfall
- DBDFE2
≈ Mainsail
- DEDEE2
≈ Wayward Wind
Tetrada +90° +180° +270°
- E0DEDA
Snowfall
- DBE0DE
≈ River Veil
- DCDEE2
≈ Grey Placidity
- E2DDDE
≈ Ardcoat
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.63:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--snowfall: #e0deda;
--snowfall-rgb: 224 222 218;
--snowfall-oklch: oklch(0.901 0.006 84.6);
}
.element {
color: var(--snowfall);
background-color: hsl(40 9% 87%);
border-color: oklch(0.901 0.006 84.6);
}Tailwind CSS v4
@theme {
--color-snowfall: #e0deda;
--color-snowfall-50: #f6f5f3;
--color-snowfall-100: #e9e8e6;
--color-snowfall-200: #d5d4d1;
--color-snowfall-300: #b9b7b4;
--color-snowfall-400: #a09e9b;
--color-snowfall-500: #888682;
--color-snowfall-600: #73716e;
--color-snowfall-700: #5c5b58;
--color-snowfall-800: #434240;
--color-snowfall-900: #2e2e2c;
--color-snowfall-950: #1b1a19;
}SCSS
$snowfall: #e0deda;
$snowfall-rgb: 224, 222, 218;
$snowfall-light: mix(#fff, $snowfall, 20%);
$snowfall-dark: mix(#000, $snowfall, 20%);
.element {
color: $snowfall;
box-shadow: 0 0 0 2px rgba($snowfall, 0.35);
}