Colore con nome · #D3DBD9
Urban Mist
Urban Mist è #D3DBD9: rgb(211 219 217), hsl(165 10% 84%), oklch(0.885 0.009 179.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Urban Mist color name →
#D3DBD9
oklch(0.885 0.009 179.6)
Conversioni di colore
- HEX
- #d3dbd9
- RGB
- rgb(211 219 217)
- HSL
- hsl(165 10% 84%)
- HWB
- hwb(165 83% 14%)
- OKLCH
- oklch(0.885 0.009 179.6)
- OKLab
- oklab(0.885 -0.009 0)
- CIE Lab
- lab(86.74 -3.07 0)
- LCH
- lch(86.74 3.07 180.1)
- CMYK
- cmyk(4% 0% 1% 14%)
Tinte · Ombre · Toni
Tinte
- D7DFDD
- DCE2E1
- E0E6E4
- E4E9E8
- E9EDEC
- EDF0F0
- F2F4F3
- F6F8F7
- FBFBFB
Ombre
- B7BEBC
- 9CA2A1
- 828786
- 696D6C
- 515453
- 3A3C3B
- 242625
- 101111
- 020202
Toni
- CAD2D0
- C2C8C7
- B9BFBD
- B1B6B4
- A9ACAB
- A0A3A3
- 989A9A
- 909191
- 888988
Armonie di colore
Complementare +180°
- D3DBD9
Urban Mist
- DED7D9
≈ Pearl Pebble
Analogo -30° +30°
- D3DBD9
Urban Mist
- D5DBD6
≈ Silvery Streak
- D3DBDC
≈ Ripple
Triadico +120° +240°
- D3DBD9
Urban Mist
- DAD8DE
≈ Petal Tip
- DED8D3
≈ White Woodruff
Complementare divisa +150° +210°
- D3DBD9
Urban Mist
- DDD7DC
≈ Pearl Pebble
- DFD7D5
≈ Ancient Stone
Tetradico +90° +180° +270°
- D3DBD9
Urban Mist
- D6D9DF
≈ Hidden Creek
- DED7D9
≈ Pearl Pebble
- DBD9D2
≈ Seagull Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.90:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.90:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--urban-mist: #d3dbd9;
--urban-mist-rgb: 211 219 217;
--urban-mist-oklch: oklch(0.885 0.009 179.6);
}
.element {
color: var(--urban-mist);
background-color: hsl(165 10% 84%);
border-color: oklch(0.885 0.009 179.6);
}Tailwind CSS v4
@theme {
--color-urban-mist: #d3dbd9;
--color-urban-mist-50: #f2f6f5;
--color-urban-mist-100: #e5e9e8;
--color-urban-mist-200: #d0d5d4;
--color-urban-mist-300: #b3b9b7;
--color-urban-mist-400: #99a09e;
--color-urban-mist-500: #808886;
--color-urban-mist-600: #6c7372;
--color-urban-mist-700: #575c5b;
--color-urban-mist-800: #3f4342;
--color-urban-mist-900: #2c2f2e;
--color-urban-mist-950: #191b1a;
}SCSS
$urban-mist: #d3dbd9;
$urban-mist-rgb: 211, 219, 217;
$urban-mist-light: mix(#fff, $urban-mist, 20%);
$urban-mist-dark: mix(#000, $urban-mist, 20%);
.element {
color: $urban-mist;
box-shadow: 0 0 0 2px rgba($urban-mist, 0.35);
}