Najbliższy nazwany kolor · #8A8294
#8A8294
Najbliższy nazwany kolor: Mecha Metal
#8A8294 (rgb(138 130 148), hsl(267 8% 55%), oklch(0.62 0.028 305.6)) jest najbliższy nazwanemu kolorowi Mecha Metal. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8A8294
oklch(0.62 0.028 305.6)
Konwersje koloru
- HEX
- #8a8294
- RGB
- rgb(138 130 148)
- HSL
- hsl(267 8% 55%)
- HWB
- hwb(267 51% 42%)
- OKLCH
- oklch(0.62 0.028 305.6)
- OKLab
- oklab(0.62 0.016 -0.023)
- CIE Lab
- lab(55.54 5.81 -8.56)
- LCH
- lch(55.54 10.35 304.1)
- CMYK
- cmyk(7% 12% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 958E9E
- A09AA9
- ACA6B3
- B7B2BE
- C3BFC8
- CFCBD3
- DBD8DE
- E7E5E9
- F3F2F4
Odcienie ciemniejsze
- 777080
- 655F6D
- 534E5A
- 423E48
- 322F36
- 222026
- 141216
- 070608
- 010101
Tony
- 898292
- 888290
- 87818E
- 86818C
- 85818A
- 848188
- 838186
- 828084
- 818082
Harmonie kolorów
Komplementarna +180°
- 8A8294
Mecha Metal
- 828977
≈ Spruce Shadow
Analogowa -30° +30°
- 8A8294
Mecha Metal
- 818598
≈ Blue Jasmine
- 92808D
≈ Lavendaire
Triada +120° +240°
- 8A8294
Mecha Metal
- 928375
≈ Marmot
- 748C88
≈ Gumbo
Komplementarna rozszczepiona +150° +210°
- 8A8294
Mecha Metal
- 8B8673
≈ Stratford Sage
- 798B7F
≈ Salty Sea
Tetrada +90° +180° +270°
- 8A8294
Mecha Metal
- 96807B
≈ Cinereous
- 828977
≈ Spruce Shadow
- 738B91
≈ Leisure Time
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.68:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.70:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--mecha-metal: #8a8294;
--mecha-metal-rgb: 138 130 148;
--mecha-metal-oklch: oklch(0.62 0.028 305.6);
}
.element {
color: var(--mecha-metal);
background-color: hsl(267 8% 55%);
border-color: oklch(0.62 0.028 305.6);
}Tailwind CSS v4
@theme {
--color-mecha-metal: #8a8294;
--color-mecha-metal-50: #f7f3fc;
--color-mecha-metal-100: #eae6ef;
--color-mecha-metal-200: #d7d1de;
--color-mecha-metal-300: #bbb4c3;
--color-mecha-metal-400: #a29aac;
--color-mecha-metal-500: #8b8295;
--color-mecha-metal-600: #756e7e;
--color-mecha-metal-700: #5e5865;
--color-mecha-metal-800: #44404b;
--color-mecha-metal-900: #2f2c34;
--color-mecha-metal-950: #1c191f;
}SCSS
$mecha-metal: #8a8294;
$mecha-metal-rgb: 138, 130, 148;
$mecha-metal-light: mix(#fff, $mecha-metal, 20%);
$mecha-metal-dark: mix(#000, $mecha-metal, 20%);
.element {
color: $mecha-metal;
box-shadow: 0 0 0 2px rgba($mecha-metal, 0.35);
}