Colore con nome · #C3C5C5
Light Aluminium
Light Aluminium è #C3C5C5: rgb(195 197 197), hsl(180 2% 77%), oklch(0.822 0.002 197.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Aluminium color name →
#C3C5C5
oklch(0.822 0.002 197.1)
Conversioni di colore
- HEX
- #c3c5c5
- RGB
- rgb(195 197 197)
- HSL
- hsl(180 2% 77%)
- HWB
- hwb(180 76% 23%)
- OKLCH
- oklch(0.822 0.002 197.1)
- OKLab
- oklab(0.822 -0.002 -0.001)
- CIE Lab
- lab(79.36 -0.72 -0.26)
- LCH
- lch(79.36 0.76 199.6)
- CMYK
- cmyk(1% 0% 0% 23%)
Tinte · Ombre · Toni
Tinte
- C9CBCB
- CFD0D0
- D5D6D6
- DBDCDC
- E1E2E2
- E7E7E7
- EDEDED
- F3F3F3
- F9F9F9
Ombre
- A9ABAB
- 909292
- 787979
- 606161
- 4A4B4B
- 343535
- 202121
- 0E0E0E
- 020202
Toni
- BCBEBE
- B5B7B7
- AEB0B0
- A8A9A9
- A1A2A2
- 9A9B9B
- 949494
- 8D8D8D
- 868787
Armonie di colore
Complementare +180°
- C3C5C5
Light Aluminium
- C6C4C4
≈ Dreamscape Grey
Analogo -30° +30°
- C3C5C5
Light Aluminium
- C3C5C4
≈ Light Aluminium
- C3C5C6
≈ Weathered Stone
Triadico +120° +240°
- C3C5C5
Light Aluminium
- C5C4C5
≈ Explosive Grey
- C5C4C3
≈ Explosive Grey
Complementare divisa +150° +210°
- C3C5C5
Light Aluminium
- C6C4C5
≈ Dreamscape Grey
- C6C4C3
≈ Explosive Grey
Tetradico +90° +180° +270°
- C3C5C5
Light Aluminium
- C4C4C6
≈ Runefang Steel
- C6C4C4
≈ Dreamscape Grey
- C5C5C3
≈ Lunar Rock
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.11:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--light-aluminium: #c3c5c5;
--light-aluminium-rgb: 195 197 197;
--light-aluminium-oklch: oklch(0.822 0.002 197.1);
}
.element {
color: var(--light-aluminium);
background-color: hsl(180 2% 77%);
border-color: oklch(0.822 0.002 197.1);
}Tailwind CSS v4
@theme {
--color-light-aluminium: #c3c5c5;
--color-light-aluminium-50: #f4f5f5;
--color-light-aluminium-100: #e7e8e8;
--color-light-aluminium-200: #d3d4d4;
--color-light-aluminium-300: #b6b8b8;
--color-light-aluminium-400: #9d9f9f;
--color-light-aluminium-500: #848787;
--color-light-aluminium-600: #707272;
--color-light-aluminium-700: #5a5b5b;
--color-light-aluminium-800: #414342;
--color-light-aluminium-900: #2d2e2e;
--color-light-aluminium-950: #1a1b1b;
}SCSS
$light-aluminium: #c3c5c5;
$light-aluminium-rgb: 195, 197, 197;
$light-aluminium-light: mix(#fff, $light-aluminium, 20%);
$light-aluminium-dark: mix(#000, $light-aluminium, 20%);
.element {
color: $light-aluminium;
box-shadow: 0 0 0 2px rgba($light-aluminium, 0.35);
}