Nazwany kolor · #524B4B
Matterhorn
Matterhorn to #524B4B: rgb(82 75 75), hsl(0 4% 31%), oklch(0.42 0.009 17.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Matterhorn color name →
#524B4B
oklch(0.42 0.009 17.5)
Konwersje koloru
- HEX
- #524b4b
- RGB
- rgb(82 75 75)
- HSL
- hsl(0 4% 31%)
- HWB
- hwb(0 29% 68%)
- OKLCH
- oklch(0.42 0.009 17.5)
- OKLab
- oklab(0.42 0.009 0.003)
- CIE Lab
- lab(32.59 3.02 1.11)
- LCH
- lch(32.59 3.21 20.2)
- CMYK
- cmyk(0% 9% 9% 68%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 625B5B
- 726C6C
- 827D7D
- 938E8E
- A4A0A0
- B6B3B2
- C8C5C5
- DAD8D8
- ECEBEB
Odcienie ciemniejsze
- 464040
- 3B3535
- 2F2B2B
- 252121
- 1A1717
- 110E0E
- 080606
- 020202
- 000000
Tony
- 565050
- 5B5555
- 5F5A5A
- 646060
- 696565
- 6D6A6A
- 727070
- 777575
- 7B7A7A
Harmonie kolorów
Komplementarna +180°
- 524B4B
Matterhorn
- 474F4F
≈ Cover of Night
Analogowa -30° +30°
- 524B4B
Matterhorn
- 514B4E
≈ Underground Civilization
- 524C49
≈ Off the Beaten Path
Triada +120° +240°
- 524B4B
Matterhorn
- 4B4E49
≈ Model T
- 4A4D52
≈ Blackwood
Komplementarna rozszczepiona +150° +210°
- 524B4B
Matterhorn
- 484F4C
≈ Model T
- 484E51
≈ Blackwood
Tetrada +90° +180° +270°
- 524B4B
Matterhorn
- 4D4D48
≈ Vintage Frame
- 474F4F
≈ Cover of Night
- 4C4C52
≈ Isolation
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.51:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.46:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.51:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--matterhorn: #524b4b;
--matterhorn-rgb: 82 75 75;
--matterhorn-oklch: oklch(0.42 0.009 17.5);
}
.element {
color: var(--matterhorn);
background-color: hsl(0 4% 31%);
border-color: oklch(0.42 0.009 17.5);
}Tailwind CSS v4
@theme {
--color-matterhorn: #524b4b;
--color-matterhorn-50: #f8f4f4;
--color-matterhorn-100: #ebe7e6;
--color-matterhorn-200: #d8d3d2;
--color-matterhorn-300: #bcb5b5;
--color-matterhorn-400: #a49c9c;
--color-matterhorn-500: #8c8484;
--color-matterhorn-600: #777070;
--color-matterhorn-700: #5f5959;
--color-matterhorn-800: #464141;
--color-matterhorn-900: #302d2d;
--color-matterhorn-950: #1c1a1a;
}SCSS
$matterhorn: #524b4b;
$matterhorn-rgb: 82, 75, 75;
$matterhorn-light: mix(#fff, $matterhorn, 20%);
$matterhorn-dark: mix(#000, $matterhorn, 20%);
.element {
color: $matterhorn;
box-shadow: 0 0 0 2px rgba($matterhorn, 0.35);
}