Colore con nome · #A1A196
Grey Expose
Grey Expose è #A1A196: rgb(161 161 150), hsl(60 6% 61%), oklch(0.706 0.016 106.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Expose color name →
#A1A196
oklch(0.706 0.016 106.8)
Conversioni di colore
- HEX
- #a1a196
- RGB
- rgb(161 161 150)
- HSL
- hsl(60 6% 61%)
- HWB
- hwb(60 59% 37%)
- OKLCH
- oklch(0.706 0.016 106.8)
- OKLab
- oklab(0.706 -0.005 0.015)
- CIE Lab
- lab(66 -1.51 5.75)
- LCH
- lch(66 5.95 104.7)
- CMYK
- cmyk(0% 0% 7% 37%)
Tinte · Ombre · Toni
Tinte
- AAAAA0
- B3B3AA
- BCBCB4
- C6C6BF
- CFCFC9
- D8D8D4
- E2E2DE
- ECECE9
- F5F5F4
Ombre
- 8B8B82
- 76766E
- 62625B
- 4E4E49
- 3C3C37
- 2A2A26
- 191916
- 090908
- 010101
Toni
- 9E9E94
- 9A9A92
- 97978F
- 94948D
- 90908B
- 8D8D89
- 8A8A87
- 868684
- 838382
Armonie di colore
Complementare +180°
- A1A196
Grey Expose
- 9F9FAA
≈ Amethyst Haze
Analogo -30° +30°
- A1A196
Grey Expose
- A69F96
≈ Cloudy Today
- 9CA399
≈ Nature’s Gift
Triadico +120° +240°
- A1A196
Grey Expose
- 97A2A8
≈ Metropolis Mood
- A89CA2
≈ Laylock
Complementare divisa +150° +210°
- A1A196
Grey Expose
- 9AA1AA
≈ Grey Wolf
- A49DA7
≈ Silver Sconce
Tetradico +90° +180° +270°
- A1A196
Grey Expose
- 96A3A3
≈ Dusty Dream
- 9F9FAA
≈ Amethyst Haze
- AA9C9D
≈ Coffee Custard
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.05:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-expose: #a1a196;
--grey-expose-rgb: 161 161 150;
--grey-expose-oklch: oklch(0.706 0.016 106.8);
}
.element {
color: var(--grey-expose);
background-color: hsl(60 6% 61%);
border-color: oklch(0.706 0.016 106.8);
}Tailwind CSS v4
@theme {
--color-grey-expose: #a1a196;
--color-grey-expose-50: #f5f5f0;
--color-grey-expose-100: #e8e8e2;
--color-grey-expose-200: #d4d5cd;
--color-grey-expose-300: #b8b8af;
--color-grey-expose-400: #9f9f95;
--color-grey-expose-500: #87877b;
--color-grey-expose-600: #727268;
--color-grey-expose-700: #5b5b53;
--color-grey-expose-800: #43433d;
--color-grey-expose-900: #2e2e2a;
--color-grey-expose-950: #1b1b17;
}SCSS
$grey-expose: #a1a196;
$grey-expose-rgb: 161, 161, 150;
$grey-expose-light: mix(#fff, $grey-expose, 20%);
$grey-expose-dark: mix(#000, $grey-expose, 20%);
.element {
color: $grey-expose;
box-shadow: 0 0 0 2px rgba($grey-expose, 0.35);
}