Colore con nome · #AFB4B6
Astroscopus Grey
Astroscopus Grey è #AFB4B6: rgb(175 180 182), hsl(197 5% 70%), oklch(0.767 0.006 223.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Astroscopus Grey color name →
#AFB4B6
oklch(0.767 0.006 223.5)
Conversioni di colore
- HEX
- #afb4b6
- RGB
- rgb(175 180 182)
- HSL
- hsl(197 5% 70%)
- HWB
- hwb(197 69% 29%)
- OKLCH
- oklch(0.767 0.006 223.5)
- OKLab
- oklab(0.767 -0.005 -0.004)
- CIE Lab
- lab(72.95 -1.53 -1.67)
- LCH
- lch(72.95 2.26 227.5)
- CMYK
- cmyk(4% 1% 0% 29%)
Tinte · Ombre · Toni
Tinte
- B7BBBD
- BFC3C4
- C6CACB
- CED1D3
- D6D9DA
- DEE0E1
- E6E8E9
- EFF0F0
- F7F7F7
Ombre
- 989C9E
- 818586
- 6B6E6F
- 565859
- 414444
- 2E3030
- 1C1D1D
- 0B0C0C
- 010202
Toni
- AAAFB0
- A5A9AB
- A1A4A5
- 9C9FA0
- 979A9B
- 929495
- 8E8F90
- 898A8B
- 858585
Armonie di colore
Complementare +180°
- AFB4B6
Astroscopus Grey
- B7B2B0
≈ Soft Metal
Analogo -30° +30°
- AFB4B6
Astroscopus Grey
- AFB4B4
≈ Astroscopus Grey
- B0B3B7
≈ Astroscopus Grey
Triadico +120° +240°
- AFB4B6
Astroscopus Grey
- B6B1B4
≈ Swanky Grey
- B4B3AF
≈ Steam Engine
Complementare divisa +150° +210°
- AFB4B6
Astroscopus Grey
- B7B1B2
≈ Grey Scape
- B6B2AF
≈ Classic Cool
Tetradico +90° +180° +270°
- AFB4B6
Astroscopus Grey
- B4B2B6
≈ Swanky Grey
- B7B2B0
≈ Soft Metal
- B1B4B0
≈ Magnetic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASu nero
WCAG 10.02:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--astroscopus-grey: #afb4b6;
--astroscopus-grey-rgb: 175 180 182;
--astroscopus-grey-oklch: oklch(0.767 0.006 223.5);
}
.element {
color: var(--astroscopus-grey);
background-color: hsl(197 5% 70%);
border-color: oklch(0.767 0.006 223.5);
}Tailwind CSS v4
@theme {
--color-astroscopus-grey: #afb4b6;
--color-astroscopus-grey-50: #f3f5f6;
--color-astroscopus-grey-100: #e6e8e9;
--color-astroscopus-grey-200: #d1d5d6;
--color-astroscopus-grey-300: #b4b8ba;
--color-astroscopus-grey-400: #9b9fa1;
--color-astroscopus-grey-500: #828789;
--color-astroscopus-grey-600: #6e7274;
--color-astroscopus-grey-700: #585b5d;
--color-astroscopus-grey-800: #404344;
--color-astroscopus-grey-900: #2c2e2f;
--color-astroscopus-grey-950: #191b1b;
}SCSS
$astroscopus-grey: #afb4b6;
$astroscopus-grey-rgb: 175, 180, 182;
$astroscopus-grey-light: mix(#fff, $astroscopus-grey, 20%);
$astroscopus-grey-dark: mix(#000, $astroscopus-grey, 20%);
.element {
color: $astroscopus-grey;
box-shadow: 0 0 0 2px rgba($astroscopus-grey, 0.35);
}