Colore con nome · #A1A2AB
Masterpiece
Masterpiece è #A1A2AB: rgb(161 162 171), hsl(234 6% 65%), oklch(0.714 0.013 281). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Masterpiece color name →
#A1A2AB
oklch(0.714 0.013 281)
Conversioni di colore
- HEX
- #a1a2ab
- RGB
- rgb(161 162 171)
- HSL
- hsl(234 6% 65%)
- HWB
- hwb(234 63% 33%)
- OKLCH
- oklch(0.714 0.013 281)
- OKLab
- oklab(0.714 0.002 -0.013)
- CIE Lab
- lab(66.75 0.95 -4.81)
- LCH
- lch(66.75 4.9 281.2)
- CMYK
- cmyk(6% 5% 0% 33%)
Tinte · Ombre · Toni
Tinte
- AAABB3
- B3B4BB
- BCBDC4
- C6C6CC
- CFD0D4
- D8D9DD
- E2E2E5
- ECECEE
- F5F5F6
Ombre
- 8B8C94
- 76777E
- 626368
- 4E4F54
- 3C3C40
- 2A2A2D
- 19191B
- 090A0B
- 010101
Toni
- 9E9FA7
- 9A9BA2
- 97989E
- 94949A
- 909195
- 8D8D91
- 8A8A8D
- 868788
- 838384
Armonie di colore
Complementare +180°
- A1A2AB
Masterpiece
- A4A39A
≈ Tin Man
Analogo -30° +30°
- A1A2AB
Masterpiece
- 9DA4AB
≈ Rainmaster
- A5A1A9
≈ Spun Pearl
Triadico +120° +240°
- A1A2AB
Masterpiece
- AAA09D
≈ Pewter Grey
- 9CA5A0
≈ Sage Grey
Complementare divisa +150° +210°
- A1A2AB
Masterpiece
- A8A29A
≈ Missouri Mud
- A0A59C
≈ Secret Moss
Tetradico +90° +180° +270°
- A1A2AB
Masterpiece
- ABA0A1
≈ Beijing Moon
- A4A39A
≈ Tin Man
- 9AA6A5
≈ Winter Flannel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.53:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.27:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.27:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--masterpiece: #a1a2ab;
--masterpiece-rgb: 161 162 171;
--masterpiece-oklch: oklch(0.714 0.013 281);
}
.element {
color: var(--masterpiece);
background-color: hsl(234 6% 65%);
border-color: oklch(0.714 0.013 281);
}Tailwind CSS v4
@theme {
--color-masterpiece: #a1a2ab;
--color-masterpiece-50: #f4f5f9;
--color-masterpiece-100: #e7e7ec;
--color-masterpiece-200: #d3d4da;
--color-masterpiece-300: #b6b7be;
--color-masterpiece-400: #9d9ea6;
--color-masterpiece-500: #84858f;
--color-masterpiece-600: #707179;
--color-masterpiece-700: #5a5a61;
--color-masterpiece-800: #414247;
--color-masterpiece-900: #2d2d31;
--color-masterpiece-950: #1a1a1d;
}SCSS
$masterpiece: #a1a2ab;
$masterpiece-rgb: 161, 162, 171;
$masterpiece-light: mix(#fff, $masterpiece, 20%);
$masterpiece-dark: mix(#000, $masterpiece, 20%);
.element {
color: $masterpiece;
box-shadow: 0 0 0 2px rgba($masterpiece, 0.35);
}