Cor nomeada · #ADAAA2
Downtown Grey
Downtown Grey é #ADAAA2: rgb(173 170 162), hsl(44 6% 66%), oklch(0.738 0.012 89.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Downtown Grey color name →
#ADAAA2
oklch(0.738 0.012 89.8)
Conversões de cor
- HEX
- #adaaa2
- RGB
- rgb(173 170 162)
- HSL
- hsl(44 6% 66%)
- HWB
- hwb(44 64% 32%)
- OKLCH
- oklch(0.738 0.012 89.8)
- OKLab
- oklab(0.738 0 0.012)
- CIE Lab
- lab(69.69 0.03 4.54)
- LCH
- lch(69.69 4.54 89.7)
- CMYK
- cmyk(0% 2% 6% 32%)
Tons claros · Sombras · Tons
Tons claros
- B5B2AB
- BDBAB4
- C5C3BD
- CDCBC6
- D5D4D0
- DDDCD9
- E6E5E2
- EEEEEC
- F7F6F5
Sombras
- 96938C
- 7F7D77
- 6A6863
- 55534F
- 413F3C
- 2D2D2A
- 1B1B19
- 0B0B0A
- 010101
Tons
- A8A69F
- A4A19B
- 9F9D98
- 9B9994
- 969591
- 92918D
- 8D8C8A
- 898887
- 848483
Harmonias de cor
Complementar +180°
- ADAAA2
Downtown Grey
- A7AAB2
≈ Modern Lavender
Análoga -30° +30°
- ADAAA2
Downtown Grey
- B0A9A3
≈ Aura
- A9ABA3
≈ Provincial
Tríade +120° +240°
- ADAAA2
Downtown Grey
- A2ACAE
≈ Portsmouth Bay
- AFA8AE
≈ Angel Aura
Complementar dividida +150° +210°
- ADAAA2
Downtown Grey
- A4ABB1
≈ Chateau de Chillon
- ABA9B1
≈ Velvet Grey
Tétrade +90° +180° +270°
- ADAAA2
Downtown Grey
- A3ADAA
≈ Feldspar Silver
- A7AAB2
≈ Modern Lavender
- B1A7AA
≈ Beguiling Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 9.04:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--downtown-grey: #adaaa2;
--downtown-grey-rgb: 173 170 162;
--downtown-grey-oklch: oklch(0.738 0.012 89.8);
}
.element {
color: var(--downtown-grey);
background-color: hsl(44 6% 66%);
border-color: oklch(0.738 0.012 89.8);
}Tailwind CSS v4
@theme {
--color-downtown-grey: #adaaa2;
--color-downtown-grey-50: #f6f5f1;
--color-downtown-grey-100: #e9e8e3;
--color-downtown-grey-200: #d6d4cf;
--color-downtown-grey-300: #b9b7b1;
--color-downtown-grey-400: #a19e97;
--color-downtown-grey-500: #89867d;
--color-downtown-grey-600: #74716a;
--color-downtown-grey-700: #5d5b55;
--color-downtown-grey-800: #44423e;
--color-downtown-grey-900: #2f2e2a;
--color-downtown-grey-950: #1c1a18;
}SCSS
$downtown-grey: #adaaa2;
$downtown-grey-rgb: 173, 170, 162;
$downtown-grey-light: mix(#fff, $downtown-grey, 20%);
$downtown-grey-dark: mix(#000, $downtown-grey, 20%);
.element {
color: $downtown-grey;
box-shadow: 0 0 0 2px rgba($downtown-grey, 0.35);
}