Colore con nome · #DBD8DA
Urban Snowfall
Urban Snowfall è #DBD8DA: rgb(219 216 218), hsl(320 4% 85%), oklch(0.885 0.004 337.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Urban Snowfall color name →
#DBD8DA
oklch(0.885 0.004 337.4)
Conversioni di colore
- HEX
- #dbd8da
- RGB
- rgb(219 216 218)
- HSL
- hsl(320 4% 85%)
- HWB
- hwb(320 85% 14%)
- OKLCH
- oklch(0.885 0.004 337.4)
- OKLab
- oklab(0.885 0.004 -0.002)
- CIE Lab
- lab(86.62 1.33 -0.61)
- LCH
- lch(86.62 1.46 335.4)
- CMYK
- cmyk(0% 1% 0% 14%)
Tinte · Ombre · Toni
Tinte
- DFDCDE
- E2E0E1
- E6E4E5
- E9E7E9
- EDEBEC
- F0EFF0
- F4F3F4
- F8F7F8
- FBFBFB
Ombre
- BEBCBD
- A2A0A2
- 878587
- 6D6B6C
- 545354
- 3C3B3C
- 262525
- 111111
- 020202
Toni
- D2CFD1
- C8C6C7
- BFBDBE
- B6B4B5
- ACABAC
- A3A2A3
- 9A999A
- 919191
- 898889
Armonie di colore
Complementare +180°
- DBD8DA
Urban Snowfall
- D7DAD8
≈ Silver Shadow
Analogo -30° +30°
- DBD8DA
Urban Snowfall
- DAD8DB
≈ Urban Snowfall
- DCD8D8
≈ Go to Grey
Triadico +120° +240°
- DBD8DA
Urban Snowfall
- DAD9D6
≈ Winter Morn
- D6DADB
≈ Silver Setting
Complementare divisa +150° +210°
- DBD8DA
Urban Snowfall
- D8DAD7
≈ Silver Shadow
- D6DAD9
≈ Grey Shimmer
Tetradico +90° +180° +270°
- DBD8DA
Urban Snowfall
- DBD9D6
≈ Winter Morn
- D7DAD8
≈ Silver Shadow
- D7D9DC
≈ House Sparrow’s Egg
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.84:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--urban-snowfall: #dbd8da;
--urban-snowfall-rgb: 219 216 218;
--urban-snowfall-oklch: oklch(0.885 0.004 337.4);
}
.element {
color: var(--urban-snowfall);
background-color: hsl(320 4% 85%);
border-color: oklch(0.885 0.004 337.4);
}Tailwind CSS v4
@theme {
--color-urban-snowfall: #dbd8da;
--color-urban-snowfall-50: #f6f5f5;
--color-urban-snowfall-100: #e9e7e8;
--color-urban-snowfall-200: #d5d3d5;
--color-urban-snowfall-300: #b9b6b8;
--color-urban-snowfall-400: #a09d9f;
--color-urban-snowfall-500: #888587;
--color-urban-snowfall-600: #737172;
--color-urban-snowfall-700: #5c5a5b;
--color-urban-snowfall-800: #434243;
--color-urban-snowfall-900: #2e2d2e;
--color-urban-snowfall-950: #1b1a1b;
}SCSS
$urban-snowfall: #dbd8da;
$urban-snowfall-rgb: 219, 216, 218;
$urban-snowfall-light: mix(#fff, $urban-snowfall, 20%);
$urban-snowfall-dark: mix(#000, $urban-snowfall, 20%);
.element {
color: $urban-snowfall;
box-shadow: 0 0 0 2px rgba($urban-snowfall, 0.35);
}