Cor nomeada · #A49F9F
Equilibrium
Equilibrium é #A49F9F: rgb(164 159 159), hsl(0 3% 63%), oklch(0.707 0.006 17.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Equilibrium color name →
#A49F9F
oklch(0.707 0.006 17.3)
Conversões de cor
- HEX
- #a49f9f
- RGB
- rgb(164 159 159)
- HSL
- hsl(0 3% 63%)
- HWB
- hwb(0 62% 36%)
- OKLCH
- oklch(0.707 0.006 17.3)
- OKLab
- oklab(0.707 0.006 0.002)
- CIE Lab
- lab(65.92 1.87 0.68)
- LCH
- lch(65.92 1.99 19.9)
- CMYK
- cmyk(0% 3% 3% 36%)
Tons claros · Sombras · Tons
Tons claros
- ADA8A8
- B6B2B2
- BFBBBB
- C8C4C4
- D1CECE
- DAD8D8
- E3E1E1
- ECEBEB
- F6F5F5
Sombras
- 8E8A8A
- 797575
- 646161
- 504D4D
- 3D3B3B
- 2B2929
- 1A1818
- 0A0909
- 010101
Tons
- A09C9C
- 9D9999
- 999696
- 959292
- 928F8F
- 8E8C8C
- 8B8989
- 878686
- 848383
Harmonias de cor
Complementar +180°
- A49F9F
Equilibrium
- 9CA2A2
≈ Suzu Grey
Análoga -30° +30°
- A49F9F
Equilibrium
- A39FA1
≈ Equilibrium
- A49F9D
≈ Equilibrium
Tríade +120° +240°
- A49F9F
Equilibrium
- 9FA19E
≈ Cosmic Quest
- 9EA1A4
≈ Suzu Grey
Complementar dividida +150° +210°
- A49F9F
Equilibrium
- 9DA2A0
≈ Cosmic Quest
- 9DA1A3
≈ Suzu Grey
Tétrade +90° +180° +270°
- A49F9F
Equilibrium
- A1A19D
≈ Grayve-Yard
- 9CA2A2
≈ Suzu Grey
- A0A0A4
≈ Silver Sconce
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.61:1 · APCA Lc 51
Ag
AAASobre preto
WCAG 8.03:1 · APCA Lc 51
Melhor cor de texto: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Trechos de código
CSS
:root {
--equilibrium: #a49f9f;
--equilibrium-rgb: 164 159 159;
--equilibrium-oklch: oklch(0.707 0.006 17.3);
}
.element {
color: var(--equilibrium);
background-color: hsl(0 3% 63%);
border-color: oklch(0.707 0.006 17.3);
}Tailwind CSS v4
@theme {
--color-equilibrium: #a49f9f;
--color-equilibrium-50: #f7f4f4;
--color-equilibrium-100: #eae7e7;
--color-equilibrium-200: #d7d3d3;
--color-equilibrium-300: #bab6b6;
--color-equilibrium-400: #a29d9d;
--color-equilibrium-500: #8a8585;
--color-equilibrium-600: #757070;
--color-equilibrium-700: #5d5a5a;
--color-equilibrium-800: #444242;
--color-equilibrium-900: #2f2d2d;
--color-equilibrium-950: #1c1a1a;
}SCSS
$equilibrium: #a49f9f;
$equilibrium-rgb: 164, 159, 159;
$equilibrium-light: mix(#fff, $equilibrium, 20%);
$equilibrium-dark: mix(#000, $equilibrium, 20%);
.element {
color: $equilibrium;
box-shadow: 0 0 0 2px rgba($equilibrium, 0.35);
}