Nazwany kolor · #84948B
Zinc Blue
Zinc Blue to #84948B: rgb(132 148 139), hsl(146 7% 55%), oklch(0.651 0.023 161.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Zinc Blue color name →
#84948B
oklch(0.651 0.023 161.1)
Konwersje koloru
- HEX
- #84948b
- RGB
- rgb(132 148 139)
- HSL
- hsl(146 7% 55%)
- HWB
- hwb(146 52% 42%)
- OKLCH
- oklch(0.651 0.023 161.1)
- OKLab
- oklab(0.651 -0.021 0.007)
- CIE Lab
- lab(59.82 -7.32 2.72)
- LCH
- lch(59.82 7.81 159.6)
- CMYK
- cmyk(11% 0% 6% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 909E96
- 9BA9A1
- A7B3AC
- B4BEB8
- C0C8C3
- CCD3CF
- D9DEDB
- E5E9E7
- F2F4F3
Odcienie ciemniejsze
- 728078
- 606D66
- 4F5A54
- 3F4843
- 2F3632
- 202623
- 121614
- 060807
- 010101
Tony
- 84928A
- 839089
- 838E88
- 838C87
- 828A85
- 828884
- 818683
- 818482
- 808281
Harmonie kolorów
Komplementarna +180°
- 84948B
Zinc Blue
- 9A8A94
≈ Purple Mauve
Analogowa -30° +30°
- 84948B
Zinc Blue
- 8B9384
≈ Matte Sage Green
- 809493
≈ Raindance
Triada +120° +240°
- 84948B
Zinc Blue
- 8D8E9D
≈ Manatee
- 9C8B85
≈ Ruins of Metal
Komplementarna rozszczepiona +150° +210°
- 84948B
Zinc Blue
- 948C9A
≈ Minimal Grey
- 9D8A8C
≈ Hatoba-Nezumi Grey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.18:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.58:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--zinc-blue: #84948b;
--zinc-blue-rgb: 132 148 139;
--zinc-blue-oklch: oklch(0.651 0.023 161.1);
}
.element {
color: var(--zinc-blue);
background-color: hsl(146 7% 55%);
border-color: oklch(0.651 0.023 161.1);
}Tailwind CSS v4
@theme {
--color-zinc-blue: #84948b;
--color-zinc-blue-50: #f0f7f3;
--color-zinc-blue-100: #e1eae6;
--color-zinc-blue-200: #ccd7d1;
--color-zinc-blue-300: #aebbb4;
--color-zinc-blue-400: #93a39a;
--color-zinc-blue-500: #7a8b81;
--color-zinc-blue-600: #67766d;
--color-zinc-blue-700: #525e57;
--color-zinc-blue-800: #3c4540;
--color-zinc-blue-900: #29302c;
--color-zinc-blue-950: #171c19;
}SCSS
$zinc-blue: #84948b;
$zinc-blue-rgb: 132, 148, 139;
$zinc-blue-light: mix(#fff, $zinc-blue, 20%);
$zinc-blue-dark: mix(#000, $zinc-blue, 20%);
.element {
color: $zinc-blue;
box-shadow: 0 0 0 2px rgba($zinc-blue, 0.35);
}