Colore con nome · #D9D7D9
Sunny Pavement
Sunny Pavement è #D9D7D9: rgb(217 215 217), hsl(300 3% 85%), oklch(0.881 0.003 325.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sunny Pavement color name →
#D9D7D9
oklch(0.881 0.003 325.6)
Conversioni di colore
- HEX
- #d9d7d9
- RGB
- rgb(217 215 217)
- HSL
- hsl(300 3% 85%)
- HWB
- hwb(300 84% 15%)
- OKLCH
- oklch(0.881 0.003 325.6)
- OKLab
- oklab(0.881 0.003 -0.002)
- CIE Lab
- lab(86.19 0.97 -0.73)
- LCH
- lch(86.19 1.22 323)
- CMYK
- cmyk(0% 1% 0% 15%)
Tinte · Ombre · Toni
Tinte
- DDDBDD
- E1DFE1
- E4E3E4
- E8E7E8
- ECEBEC
- F0EFF0
- F3F3F3
- F7F7F7
- FBFBFB
Ombre
- BCBBBC
- A19FA1
- 868586
- 6C6B6C
- 535253
- 3B3B3B
- 252525
- 111111
- 020202
Toni
- D0CED0
- C7C5C7
- BDBCBD
- B4B3B4
- ABAAAB
- A3A2A3
- 9A999A
- 919191
- 888888
Armonie di colore
Complementare +180°
- D9D7D9
Sunny Pavement
- D6D8D6
≈ Windchill
Analogo -30° +30°
- D9D7D9
Sunny Pavement
- D8D7DA
≈ Desired Dawn
- DAD7D8
≈ Sunny Pavement
Triadico +120° +240°
- D9D7D9
Sunny Pavement
- D9D8D5
≈ Whispering Smoke
- D5D8D9
≈ December Sky
Complementare divisa +150° +210°
- D9D7D9
Sunny Pavement
- D8D8D6
≈ Whispering Smoke
- D6D9D8
≈ Grey Shimmer
Tetradico +90° +180° +270°
- D9D7D9
Sunny Pavement
- DAD7D6
≈ Go to Grey
- D6D8D6
≈ Windchill
- D6D8DA
≈ Gliding Feather
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.67:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--sunny-pavement: #d9d7d9;
--sunny-pavement-rgb: 217 215 217;
--sunny-pavement-oklch: oklch(0.881 0.003 325.6);
}
.element {
color: var(--sunny-pavement);
background-color: hsl(300 3% 85%);
border-color: oklch(0.881 0.003 325.6);
}Tailwind CSS v4
@theme {
--color-sunny-pavement: #d9d7d9;
--color-sunny-pavement-50: #f6f5f5;
--color-sunny-pavement-100: #e8e7e8;
--color-sunny-pavement-200: #d5d4d5;
--color-sunny-pavement-300: #b8b7b8;
--color-sunny-pavement-400: #9f9e9f;
--color-sunny-pavement-500: #878587;
--color-sunny-pavement-600: #727172;
--color-sunny-pavement-700: #5c5a5c;
--color-sunny-pavement-800: #434243;
--color-sunny-pavement-900: #2e2d2e;
--color-sunny-pavement-950: #1b1a1b;
}SCSS
$sunny-pavement: #d9d7d9;
$sunny-pavement-rgb: 217, 215, 217;
$sunny-pavement-light: mix(#fff, $sunny-pavement, 20%);
$sunny-pavement-dark: mix(#000, $sunny-pavement, 20%);
.element {
color: $sunny-pavement;
box-shadow: 0 0 0 2px rgba($sunny-pavement, 0.35);
}