Color con nombre · #ABAC9F
Escape Grey
Escape Grey es #ABAC9F: rgb(171 172 159), hsl(65 7% 65%), oklch(0.74 0.018 110.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Escape Grey color name →
#ABAC9F
oklch(0.74 0.018 110.4)
Conversiones de color
- HEX
- #abac9f
- RGB
- rgb(171 172 159)
- HSL
- hsl(65 7% 65%)
- HWB
- hwb(65 62% 33%)
- OKLCH
- oklch(0.74 0.018 110.4)
- OKLab
- oklab(0.74 -0.006 0.017)
- CIE Lab
- lab(69.99 -2.13 6.58)
- LCH
- lch(69.99 6.92 108)
- CMYK
- cmyk(1% 0% 8% 33%)
Tintes · Sombras · Tonos
Tintes
- B3B4A8
- BBBCB2
- C4C4BB
- CCCCC4
- D4D5CE
- DDDDD8
- E5E5E1
- EEEEEB
- F6F6F5
Sombras
- 94958A
- 7E7F75
- 686961
- 54544D
- 40403B
- 2D2D29
- 1B1B18
- 0B0B09
- 010101
Tonos
- A7A89C
- A2A399
- 9E9F96
- 9A9A93
- 95968F
- 91918C
- 8D8D89
- 888986
- 848483
Armonías de color
Complementario +180°
- ABAC9F
Escape Grey
- AAA9B6
≈ Velvet Grey
Análogo -30° +30°
- ABAC9F
Escape Grey
- B1AA9E
≈ Bright Sepia
- A5AEA3
≈ Light Drizzle
Triádico +120° +240°
- ABAC9F
Escape Grey
- A0ADB4
≈ Hit Grey
- B4A6AC
≈ Foggy Plum
Complementario dividido +150° +210°
- ABAC9F
Escape Grey
- A4ABB7
≈ Atelier
- B0A7B2
≈ Elderberry Grey
Tetrádico +90° +180° +270°
- ABAC9F
Escape Grey
- 9EAEAF
≈ Polaris
- AAA9B6
≈ Velvet Grey
- B6A6A6
≈ Cool Lavender
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 {
--escape-grey: #abac9f;
--escape-grey-rgb: 171 172 159;
--escape-grey-oklch: oklch(0.74 0.018 110.4);
}
.element {
color: var(--escape-grey);
background-color: hsl(65 7% 65%);
border-color: oklch(0.74 0.018 110.4);
}Tailwind CSS v4
@theme {
--color-escape-grey: #abac9f;
--color-escape-grey-50: #f5f6f0;
--color-escape-grey-100: #e8e9e2;
--color-escape-grey-200: #d4d5cc;
--color-escape-grey-300: #b7b8ae;
--color-escape-grey-400: #9fa093;
--color-escape-grey-500: #86877a;
--color-escape-grey-600: #727367;
--color-escape-grey-700: #5b5c52;
--color-escape-grey-800: #43433c;
--color-escape-grey-900: #2e2e29;
--color-escape-grey-950: #1b1b17;
}SCSS
$escape-grey: #abac9f;
$escape-grey-rgb: 171, 172, 159;
$escape-grey-light: mix(#fff, $escape-grey, 20%);
$escape-grey-dark: mix(#000, $escape-grey, 20%);
.element {
color: $escape-grey;
box-shadow: 0 0 0 2px rgba($escape-grey, 0.35);
}