Cor nomeada · #D9D7D9
Sunny Pavement
Sunny Pavement é #D9D7D9: rgb(217 215 217), hsl(300 3% 85%), oklch(0.881 0.003 325.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sunny Pavement color name →
#D9D7D9
oklch(0.881 0.003 325.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- DDDBDD
- E1DFE1
- E4E3E4
- E8E7E8
- ECEBEC
- F0EFF0
- F3F3F3
- F7F7F7
- FBFBFB
Sombras
- BCBBBC
- A19FA1
- 868586
- 6C6B6C
- 535253
- 3B3B3B
- 252525
- 111111
- 020202
Tons
- D0CED0
- C7C5C7
- BDBCBD
- B4B3B4
- ABAAAB
- A3A2A3
- 9A999A
- 919191
- 888888
Harmonias de cor
Complementar +180°
- D9D7D9
Sunny Pavement
- D6D8D6
≈ Windchill
Análoga -30° +30°
- D9D7D9
Sunny Pavement
- D8D7DA
≈ Desired Dawn
- DAD7D8
≈ Sunny Pavement
Tríade +120° +240°
- D9D7D9
Sunny Pavement
- D9D8D5
≈ Whispering Smoke
- D5D8D9
≈ December Sky
Complementar dividida +150° +210°
- D9D7D9
Sunny Pavement
- D8D8D6
≈ Whispering Smoke
- D6D9D8
≈ Grey Shimmer
Tétrade +90° +180° +270°
- D9D7D9
Sunny Pavement
- DAD7D6
≈ Go to Grey
- D6D8D6
≈ Windchill
- D6D8DA
≈ Gliding Feather
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.67:1 · APCA Lc 83
Melhor cor de texto: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
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);
}