이름 색상 · #917C6F
Motto
Motto은(는) #917C6F: rgb(145 124 111), hsl(23 13% 50%), oklch(0.602 0.032 53.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Motto color name →
#917C6F
oklch(0.602 0.032 53.7)
색상 변환
- HEX
- #917c6f
- RGB
- rgb(145 124 111)
- HSL
- hsl(23 13% 50%)
- HWB
- hwb(23 44% 43%)
- OKLCH
- oklch(0.602 0.032 53.7)
- OKLab
- oklab(0.602 0.019 0.026)
- CIE Lab
- lab(53.72 6.77 10.28)
- LCH
- lch(53.72 12.31 56.6)
- CMYK
- cmyk(0% 14% 23% 43%)
틴트 · 셰이드 · 톤
틴트
- 9C887C
- A6958A
- B1A298
- BCAEA6
- C7BBB5
- D2C9C3
- DDD6D2
- E8E4E1
- F4F1F0
셰이드
- 7D6B60
- 6A5A51
- 584A42
- 463B34
- 352C27
- 251E1A
- 15110E
- 070504
- 010101
톤
- 8F7C71
- 8E7D72
- 8C7D74
- 8A7E76
- 897E78
- 877E79
- 857F7B
- 847F7D
- 82807E
색 조화
보색 +180°
- 917C6F
Motto
- 6E8592
≈ South Pacific
유사색 -30° +30°
- 917C6F
Motto
- 937A78
≈ Chocolaty
- 8A806B
≈ Army Issue
삼각 배색 +120° +240°
- 917C6F
Motto
- 6D877F
≈ Marsh Creek
- 817D93
≈ Purpletone
분열 보색 +150° +210°
- 917C6F
Motto
- 6B878A
≈ Winter in Paris
- 778195
≈ Tranquil Pond
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.94:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.31:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--motto: #917c6f;
--motto-rgb: 145 124 111;
--motto-oklch: oklch(0.602 0.032 53.7);
}
.element {
color: var(--motto);
background-color: hsl(23 13% 50%);
border-color: oklch(0.602 0.032 53.7);
}Tailwind CSS v4
@theme {
--color-motto: #917c6f;
--color-motto-50: #fdf3ec;
--color-motto-100: #f1e5de;
--color-motto-200: #e0d1c7;
--color-motto-300: #c5b4a8;
--color-motto-400: #ae9a8d;
--color-motto-500: #988172;
--color-motto-600: #816d61;
--color-motto-700: #67574d;
--color-motto-800: #4c3f38;
--color-motto-900: #352c26;
--color-motto-950: #201915;
}SCSS
$motto: #917c6f;
$motto-rgb: 145, 124, 111;
$motto-light: mix(#fff, $motto, 20%);
$motto-dark: mix(#000, $motto, 20%);
.element {
color: $motto;
box-shadow: 0 0 0 2px rgba($motto, 0.35);
}