이름 색상 · #746F5C
Momentum
Momentum은(는) #746F5C: rgb(116 111 92), hsl(48 12% 41%), oklch(0.541 0.029 95). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Momentum color name →
#746F5C
oklch(0.541 0.029 95)
색상 변환
- HEX
- #746f5c
- RGB
- rgb(116 111 92)
- HSL
- hsl(48 12% 41%)
- HWB
- hwb(48 36% 55%)
- OKLCH
- oklch(0.541 0.029 95)
- OKLab
- oklab(0.541 -0.003 0.029)
- CIE Lab
- lab(46.88 -0.54 11.36)
- LCH
- lch(46.88 11.38 92.7)
- CMYK
- cmyk(0% 4% 21% 55%)
틴트 · 셰이드 · 톤
틴트
- 817C6B
- 8E8A7A
- 9C988A
- A9A69A
- B7B4AA
- C5C3BB
- D3D2CB
- E2E1DC
- F0F0EE
셰이드
- 64604F
- 545142
- 454236
- 37342A
- 29271F
- 1B1A14
- 0F0E0A
- 050403
- 010100
톤
- 757160
- 767263
- 787467
- 79766A
- 7A786E
- 7B7972
- 7C7B75
- 7E7D79
- 7F7E7C
색 조화
보색 +180°
- 746F5C
Momentum
- 6A6E80
≈ Mountain Haze
유사색 -30° +30°
- 746F5C
Momentum
- 7B6C5D
≈ Sleeping Giant
- 6B7260
≈ Shutters
삼각 배색 +120° +240°
- 746F5C
Momentum
- 5C747A
≈ Blue Sage
- 7A6976
≈ Mystical Trip
분열 보색 +150° +210°
- 746F5C
Momentum
- 61717F
≈ Buoyant
- 736B7D
≈ Purple Sage
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.03:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.17:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--momentum: #746f5c;
--momentum-rgb: 116 111 92;
--momentum-oklch: oklch(0.541 0.029 95);
}
.element {
color: var(--momentum);
background-color: hsl(48 12% 41%);
border-color: oklch(0.541 0.029 95);
}Tailwind CSS v4
@theme {
--color-momentum: #746f5c;
--color-momentum-50: #f7f5ec;
--color-momentum-100: #eae8dd;
--color-momentum-200: #d7d5c7;
--color-momentum-300: #bbb8a7;
--color-momentum-400: #a49f8b;
--color-momentum-500: #8c8671;
--color-momentum-600: #767260;
--color-momentum-700: #5f5b4c;
--color-momentum-800: #464237;
--color-momentum-900: #302e26;
--color-momentum-950: #1c1b14;
}SCSS
$momentum: #746f5c;
$momentum-rgb: 116, 111, 92;
$momentum-light: mix(#fff, $momentum, 20%);
$momentum-dark: mix(#000, $momentum, 20%);
.element {
color: $momentum;
box-shadow: 0 0 0 2px rgba($momentum, 0.35);
}