Nazwany kolor · #848789
Aluminium
Aluminium to #848789: rgb(132 135 137), hsl(204 2% 53%), oklch(0.622 0.005 236.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Aluminium color name →
#848789
oklch(0.622 0.005 236.5)
Konwersje koloru
- HEX
- #848789
- RGB
- rgb(132 135 137)
- HSL
- hsl(204 2% 53%)
- HWB
- hwb(204 52% 46%)
- OKLCH
- oklch(0.622 0.005 236.5)
- OKLab
- oklab(0.622 -0.003 -0.004)
- CIE Lab
- lab(56.11 -0.85 -1.49)
- LCH
- lch(56.11 1.71 240.3)
- CMYK
- cmyk(4% 1% 0% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 909294
- 9B9E9F
- A7A9AB
- B3B5B7
- C0C1C2
- CCCDCE
- D9DADA
- E5E6E6
- F2F2F3
Odcienie ciemniejsze
- 727576
- 606364
- 4F5153
- 3F4142
- 2F3131
- 202122
- 121314
- 060607
- 010101
Tony
- 848688
- 838687
- 838586
- 828485
- 828384
- 828384
- 818283
- 818182
- 808181
Harmonie kolorów
Komplementarna +180°
- 848789
Aluminium
- 898684
≈ Looking Glass
Analogowa -30° +30°
- 848789
Aluminium
- 838788
≈ Magnetic Grey
- 858689
≈ Aluminium
Triada +120° +240°
- 848789
Aluminium
- 898587
≈ Titanium
- 868784
≈ Jumbo
Komplementarna rozszczepiona +150° +210°
- 848789
Aluminium
- 898585
≈ Titanium
- 888683
≈ Jumbo
Tetrada +90° +180° +270°
- 848789
Aluminium
- 888688
≈ Titanium
- 898684
≈ Looking Glass
- 858785
≈ Stack
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.61:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.80:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--aluminium: #848789;
--aluminium-rgb: 132 135 137;
--aluminium-oklch: oklch(0.622 0.005 236.5);
}
.element {
color: var(--aluminium);
background-color: hsl(204 2% 53%);
border-color: oklch(0.622 0.005 236.5);
}Tailwind CSS v4
@theme {
--color-aluminium: #848789;
--color-aluminium-50: #f4f5f6;
--color-aluminium-100: #e6e8e9;
--color-aluminium-200: #d2d4d6;
--color-aluminium-300: #b5b8b9;
--color-aluminium-400: #9c9fa1;
--color-aluminium-500: #838789;
--color-aluminium-600: #6f7274;
--color-aluminium-700: #595b5d;
--color-aluminium-800: #414344;
--color-aluminium-900: #2d2e2f;
--color-aluminium-950: #1a1b1b;
}SCSS
$aluminium: #848789;
$aluminium-rgb: 132, 135, 137;
$aluminium-light: mix(#fff, $aluminium, 20%);
$aluminium-dark: mix(#000, $aluminium, 20%);
.element {
color: $aluminium;
box-shadow: 0 0 0 2px rgba($aluminium, 0.35);
}