Cor nomeada · #A1A4AE
Pandemonium
Pandemonium é #A1A4AE: rgb(161 164 174), hsl(226 7% 66%), oklch(0.719 0.015 272.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pandemonium color name →
#A1A4AE
oklch(0.719 0.015 272.6)
Conversões de cor
- HEX
- #a1a4ae
- RGB
- rgb(161 164 174)
- HSL
- hsl(226 7% 66%)
- HWB
- hwb(226 63% 32%)
- OKLCH
- oklch(0.719 0.015 272.6)
- OKLab
- oklab(0.719 0.001 -0.015)
- CIE Lab
- lab(67.36 0.37 -5.58)
- LCH
- lch(67.36 5.59 273.8)
- CMYK
- cmyk(7% 6% 0% 32%)
Tons claros · Sombras · Tons
Tons claros
- AAADB6
- B3B6BE
- BCBFC6
- C6C8CE
- CFD1D6
- D8DADE
- E2E3E6
- ECECEE
- F5F6F7
Sombras
- 8B8E97
- 767980
- 62646A
- 4E5055
- 3C3D41
- 2A2B2E
- 191A1C
- 090A0B
- 010101
Tons
- 9EA0A9
- 9A9DA5
- 9799A0
- 94959B
- 909297
- 8D8E92
- 8A8B8E
- 868789
- 838484
Harmonias de cor
Complementar +180°
- A1A4AE
Pandemonium
- A7A49A
≈ Downing Stone
Análoga -30° +30°
- A1A4AE
Pandemonium
- 9DA6AD
≈ Chance of Rain
- A6A2AC
≈ Mysterious Mauve
Tríade +120° +240°
- A1A4AE
Pandemonium
- ADA19F
≈ Violet Vista
- 9EA7A0
≈ Casting Shadow
Complementar dividida +150° +210°
- A1A4AE
Pandemonium
- ABA39B
≈ Functional Grey
- A2A69C
≈ Strong Winds
Tétrade +90° +180° +270°
- A1A4AE
Pandemonium
- ADA1A3
≈ Beijing Moon
- A7A49A
≈ Downing Stone
- 9BA8A5
≈ Casting Shadow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.48:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.43:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--pandemonium: #a1a4ae;
--pandemonium-rgb: 161 164 174;
--pandemonium-oklch: oklch(0.719 0.015 272.6);
}
.element {
color: var(--pandemonium);
background-color: hsl(226 7% 66%);
border-color: oklch(0.719 0.015 272.6);
}Tailwind CSS v4
@theme {
--color-pandemonium: #a1a4ae;
--color-pandemonium-50: #f4f5f9;
--color-pandemonium-100: #e6e8ed;
--color-pandemonium-200: #d2d4db;
--color-pandemonium-300: #b5b7bf;
--color-pandemonium-400: #9b9ea7;
--color-pandemonium-500: #838690;
--color-pandemonium-600: #6f717a;
--color-pandemonium-700: #585b62;
--color-pandemonium-800: #404248;
--color-pandemonium-900: #2c2e32;
--color-pandemonium-950: #191a1e;
}SCSS
$pandemonium: #a1a4ae;
$pandemonium-rgb: 161, 164, 174;
$pandemonium-light: mix(#fff, $pandemonium, 20%);
$pandemonium-dark: mix(#000, $pandemonium, 20%);
.element {
color: $pandemonium;
box-shadow: 0 0 0 2px rgba($pandemonium, 0.35);
}