이름 색상 · #7E6C44
Mossy Shade
Mossy Shade은(는) #7E6C44: rgb(126 108 68), hsl(41 30% 38%), oklch(0.539 0.061 86.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Mossy Shade color name →
#7E6C44
oklch(0.539 0.061 86.2)
색상 변환
- HEX
- #7e6c44
- RGB
- rgb(126 108 68)
- HSL
- hsl(41 30% 38%)
- HWB
- hwb(41 27% 51%)
- OKLCH
- oklch(0.539 0.061 86.2)
- OKLab
- oklab(0.539 0.004 0.061)
- CIE Lab
- lab(46.64 3.05 25.1)
- LCH
- lch(46.64 25.28 83.1)
- CMYK
- cmyk(0% 14% 46% 51%)
틴트 · 셰이드 · 톤
틴트
- 8A7A56
- 978868
- A3967A
- B0A48C
- BDB39E
- CAC2B1
- D7D1C4
- E4E0D8
- F1EFEB
셰이드
- 6D5D3A
- 5C4E30
- 4C4026
- 3C321D
- 2D2514
- 1F190C
- 110D05
- 050402
- 010000
톤
- 7E6E4B
- 7E7051
- 7F7257
- 7F745D
- 7F7663
- 7F7869
- 807A6F
- 807C75
- 807E7A
색 조화
보색 +180°
- 7E6C44
Mossy Shade
- 5E6E92
≈ Haunt Mist
유사색 -30° +30°
- 7E6C44
Mossy Shade
- 8A654B
≈ Burnished Brandy
- 6C7349
≈ Oakmoss
삼각 배색 +120° +240°
- 7E6C44
Mossy Shade
- 3F7980
≈ Grand Canal
- 816281
≈ Orchid Orchestra
분열 보색 +150° +210°
- 7E6C44
Mossy Shade
- 4A748D
≈ Metallic Blue
- 71678E
≈ Purple Grapes
사각 배색 +90° +180° +270°
- 7E6C44
Mossy Shade
- 457A6D
≈ Hooker’s Green
- 5E6E92
≈ Haunt Mist
- 8B5F6F
≈ Glazed Ringlet
대비 및 접근성
Ag
AA흰색 위
WCAG 5.10:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.11:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.10:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--mossy-shade: #7e6c44;
--mossy-shade-rgb: 126 108 68;
--mossy-shade-oklch: oklch(0.539 0.061 86.2);
}
.element {
color: var(--mossy-shade);
background-color: hsl(41 30% 38%);
border-color: oklch(0.539 0.061 86.2);
}Tailwind CSS v4
@theme {
--color-mossy-shade: #7e6c44;
--color-mossy-shade-50: #fcf5e2;
--color-mossy-shade-100: #f0e7d1;
--color-mossy-shade-200: #dfd3b7;
--color-mossy-shade-300: #c4b694;
--color-mossy-shade-400: #ae9c75;
--color-mossy-shade-500: #988456;
--color-mossy-shade-600: #816f4a;
--color-mossy-shade-700: #67593b;
--color-mossy-shade-800: #4c412a;
--color-mossy-shade-900: #352d1c;
--color-mossy-shade-950: #201a0c;
}SCSS
$mossy-shade: #7e6c44;
$mossy-shade-rgb: 126, 108, 68;
$mossy-shade-light: mix(#fff, $mossy-shade, 20%);
$mossy-shade-dark: mix(#000, $mossy-shade, 20%);
.element {
color: $mossy-shade;
box-shadow: 0 0 0 2px rgba($mossy-shade, 0.35);
}