Colore con nome · #ABAC9F
Escape Grey
Escape Grey è #ABAC9F: rgb(171 172 159), hsl(65 7% 65%), oklch(0.74 0.018 110.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Escape Grey color name →
#ABAC9F
oklch(0.74 0.018 110.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B3B4A8
- BBBCB2
- C4C4BB
- CCCCC4
- D4D5CE
- DDDDD8
- E5E5E1
- EEEEEB
- F6F6F5
Ombre
- 94958A
- 7E7F75
- 686961
- 54544D
- 40403B
- 2D2D29
- 1B1B18
- 0B0B09
- 010101
Toni
- A7A89C
- A2A399
- 9E9F96
- 9A9A93
- 95968F
- 91918C
- 8D8D89
- 888986
- 848483
Armonie di colore
Complementare +180°
- ABAC9F
Escape Grey
- AAA9B6
≈ Velvet Grey
Analogo -30° +30°
- ABAC9F
Escape Grey
- B1AA9E
≈ Bright Sepia
- A5AEA3
≈ Light Drizzle
Triadico +120° +240°
- ABAC9F
Escape Grey
- A0ADB4
≈ Hit Grey
- B4A6AC
≈ Foggy Plum
Complementare divisa +150° +210°
- ABAC9F
Escape Grey
- A4ABB7
≈ Atelier
- B0A7B2
≈ Elderberry Grey
Tetradico +90° +180° +270°
- ABAC9F
Escape Grey
- 9EAEAF
≈ Polaris
- AAA9B6
≈ Velvet Grey
- B6A6A6
≈ Cool Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.13:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
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);
}