이름 색상 · #524B4B
Matterhorn
Matterhorn은(는) #524B4B: rgb(82 75 75), hsl(0 4% 31%), oklch(0.42 0.009 17.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Matterhorn color name →
#524B4B
oklch(0.42 0.009 17.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 625B5B
- 726C6C
- 827D7D
- 938E8E
- A4A0A0
- B6B3B2
- C8C5C5
- DAD8D8
- ECEBEB
셰이드
- 464040
- 3B3535
- 2F2B2B
- 252121
- 1A1717
- 110E0E
- 080606
- 020202
- 000000
톤
- 565050
- 5B5555
- 5F5A5A
- 646060
- 696565
- 6D6A6A
- 727070
- 777575
- 7B7A7A
색 조화
보색 +180°
- 524B4B
Matterhorn
- 474F4F
≈ Cover of Night
유사색 -30° +30°
- 524B4B
Matterhorn
- 514B4E
≈ Underground Civilization
- 524C49
≈ Off the Beaten Path
삼각 배색 +120° +240°
- 524B4B
Matterhorn
- 4B4E49
≈ Model T
- 4A4D52
≈ Blackwood
분열 보색 +150° +210°
- 524B4B
Matterhorn
- 484F4C
≈ Model T
- 484E51
≈ Blackwood
사각 배색 +90° +180° +270°
- 524B4B
Matterhorn
- 4D4D48
≈ Vintage Frame
- 474F4F
≈ Cover of Night
- 4C4C52
≈ Isolation
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.51:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.46:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.51:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
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);
}