Colore con nome · #A2A59E
Barrister Grey
Barrister Grey è #A2A59E: rgb(162 165 158), hsl(86 4% 63%), oklch(0.717 0.011 125.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Barrister Grey color name →
#A2A59E
oklch(0.717 0.011 125.7)
Conversioni di colore
- HEX
- #a2a59e
- RGB
- rgb(162 165 158)
- HSL
- hsl(86 4% 63%)
- HWB
- hwb(86 62% 35%)
- OKLCH
- oklch(0.717 0.011 125.7)
- OKLab
- oklab(0.717 -0.006 0.009)
- CIE Lab
- lab(67.34 -2.09 3.25)
- LCH
- lch(67.34 3.86 122.8)
- CMYK
- cmyk(2% 0% 4% 35%)
Tinte · Ombre · Toni
Tinte
- ABAEA7
- B4B6B1
- BDBFBA
- C6C8C4
- D0D1CD
- D9DAD7
- E2E3E1
- ECECEB
- F5F6F5
Ombre
- 8C8F89
- 777974
- 636560
- 4F514D
- 3C3D3A
- 2A2B29
- 191A18
- 0A0A09
- 010101
Toni
- 9FA19B
- 9B9D98
- 989A95
- 949692
- 91928F
- 8D8F8C
- 8A8B89
- 878786
- 838483
Armonie di colore
Complementare +180°
- A2A59E
Barrister Grey
- A5A2A9
≈ Mysterious Mauve
Analogo -30° +30°
- A2A59E
Barrister Grey
- A6A49D
≈ Ashlite
- 9FA6A1
≈ Puddle
Triadico +120° +240°
- A2A59E
Barrister Grey
- 9FA5AA
≈ Baby Seal
- AAA1A3
≈ Beijing Moon
Complementare divisa +150° +210°
- A2A59E
Barrister Grey
- A2A3AB
≈ Masterpiece
- A8A1A6
≈ Mysterious Mauve
Tetradico +90° +180° +270°
- A2A59E
Barrister Grey
- 9DA6A8
≈ Network Grey
- A5A2A9
≈ Mysterious Mauve
- AAA29F
≈ Pewter Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.41:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--barrister-grey: #a2a59e;
--barrister-grey-rgb: 162 165 158;
--barrister-grey-oklch: oklch(0.717 0.011 125.7);
}
.element {
color: var(--barrister-grey);
background-color: hsl(86 4% 63%);
border-color: oklch(0.717 0.011 125.7);
}Tailwind CSS v4
@theme {
--color-barrister-grey: #a2a59e;
--color-barrister-grey-50: #f4f6f2;
--color-barrister-grey-100: #e7e8e5;
--color-barrister-grey-200: #d3d5d0;
--color-barrister-grey-300: #b6b8b3;
--color-barrister-grey-400: #9da099;
--color-barrister-grey-500: #848780;
--color-barrister-grey-600: #70736c;
--color-barrister-grey-700: #5a5c57;
--color-barrister-grey-800: #41433f;
--color-barrister-grey-900: #2d2e2b;
--color-barrister-grey-950: #1a1b19;
}SCSS
$barrister-grey: #a2a59e;
$barrister-grey-rgb: 162, 165, 158;
$barrister-grey-light: mix(#fff, $barrister-grey, 20%);
$barrister-grey-dark: mix(#000, $barrister-grey, 20%);
.element {
color: $barrister-grey;
box-shadow: 0 0 0 2px rgba($barrister-grey, 0.35);
}