Color con nombre · #DBD8DA
Urban Snowfall
Urban Snowfall es #DBD8DA: rgb(219 216 218), hsl(320 4% 85%), oklch(0.885 0.004 337.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Urban Snowfall color name →
#DBD8DA
oklch(0.885 0.004 337.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- DFDCDE
- E2E0E1
- E6E4E5
- E9E7E9
- EDEBEC
- F0EFF0
- F4F3F4
- F8F7F8
- FBFBFB
Sombras
- BEBCBD
- A2A0A2
- 878587
- 6D6B6C
- 545354
- 3C3B3C
- 262525
- 111111
- 020202
Tonos
- D2CFD1
- C8C6C7
- BFBDBE
- B6B4B5
- ACABAC
- A3A2A3
- 9A999A
- 919191
- 898889
Armonías de color
Complementario +180°
- DBD8DA
Urban Snowfall
- D7DAD8
≈ Silver Shadow
Análogo -30° +30°
- DBD8DA
Urban Snowfall
- DAD8DB
≈ Urban Snowfall
- DCD8D8
≈ Go to Grey
Triádico +120° +240°
- DBD8DA
Urban Snowfall
- DAD9D6
≈ Winter Morn
- D6DADB
≈ Silver Setting
Complementario dividido +150° +210°
- DBD8DA
Urban Snowfall
- D8DAD7
≈ Silver Shadow
- D6DAD9
≈ Grey Shimmer
Tetrádico +90° +180° +270°
- DBD8DA
Urban Snowfall
- DBD9D6
≈ Winter Morn
- D7DAD8
≈ Silver Shadow
- D7D9DC
≈ House Sparrow’s Egg
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.84:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
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);
}