Color con nombre · #AAACA2
Laurel Grey
Laurel Grey es #AAACA2: rgb(170 172 162), hsl(72 6% 65%), oklch(0.74 0.014 115.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Laurel Grey color name →
#AAACA2
oklch(0.74 0.014 115.9)
Conversiones de color
- HEX
- #aaaca2
- RGB
- rgb(170 172 162)
- HSL
- hsl(72 6% 65%)
- HWB
- hwb(72 64% 33%)
- OKLCH
- oklch(0.74 0.014 115.9)
- OKLab
- oklab(0.74 -0.006 0.013)
- CIE Lab
- lab(69.97 -2.11 4.9)
- LCH
- lch(69.97 5.34 113.3)
- CMYK
- cmyk(1% 0% 6% 33%)
Tintes · Sombras · Tonos
Tintes
- B2B4AB
- BABCB4
- C3C4BD
- CBCCC6
- D4D5D0
- DCDDD9
- E5E5E2
- EDEEEC
- F6F6F5
Sombras
- 93958C
- 7D7F77
- 686963
- 53544F
- 3F403C
- 2D2D2A
- 1B1B19
- 0B0B0A
- 010101
Tonos
- A6A79F
- A1A39B
- 9D9F98
- 999A94
- 959691
- 91918D
- 8C8D8A
- 888987
- 848483
Armonías de color
Complementario +180°
- AAACA2
Laurel Grey
- ABA9B3
≈ Velvet Grey
Análogo -30° +30°
- AAACA2
Laurel Grey
- AFAAA1
≈ Garlic Beige
- A5ADA5
≈ Ginkgo Green
Triádico +120° +240°
- AAACA2
Laurel Grey
- A3ACB3
≈ Laundry Blue
- B3A7AB
≈ Stamina
Complementario dividido +150° +210°
- AAACA2
Laurel Grey
- A6ABB4
≈ Dutch Jug
- B0A8B0
≈ Elderberry Grey
Tetrádico +90° +180° +270°
- AAACA2
Laurel Grey
- A1AEAF
≈ Tempered Grey
- ABA9B3
≈ Velvet Grey
- B4A8A6
≈ Matte Grey
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.13:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--laurel-grey: #aaaca2;
--laurel-grey-rgb: 170 172 162;
--laurel-grey-oklch: oklch(0.74 0.014 115.9);
}
.element {
color: var(--laurel-grey);
background-color: hsl(72 6% 65%);
border-color: oklch(0.74 0.014 115.9);
}Tailwind CSS v4
@theme {
--color-laurel-grey: #aaaca2;
--color-laurel-grey-50: #f5f6f1;
--color-laurel-grey-100: #e7e8e3;
--color-laurel-grey-200: #d3d5ce;
--color-laurel-grey-300: #b6b8b0;
--color-laurel-grey-400: #9ea096;
--color-laurel-grey-500: #85877d;
--color-laurel-grey-600: #71736a;
--color-laurel-grey-700: #5a5c55;
--color-laurel-grey-800: #42433d;
--color-laurel-grey-900: #2e2e2a;
--color-laurel-grey-950: #1a1b18;
}SCSS
$laurel-grey: #aaaca2;
$laurel-grey-rgb: 170, 172, 162;
$laurel-grey-light: mix(#fff, $laurel-grey, 20%);
$laurel-grey-dark: mix(#000, $laurel-grey, 20%);
.element {
color: $laurel-grey;
box-shadow: 0 0 0 2px rgba($laurel-grey, 0.35);
}