가장 가까운 이름 색상 · #988664
#988664
가장 가까운 이름 색상: Mushroom Forest
#988664(rgb(152 134 100), hsl(39 21% 49%), oklch(0.628 0.053 83.1))와 가장 가까운 이름 색상은 Mushroom Forest입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#988664
oklch(0.628 0.053 83.1)
색상 변환
- HEX
- #988664
- RGB
- rgb(152 134 100)
- HSL
- hsl(39 21% 49%)
- HWB
- hwb(39 39% 40%)
- OKLCH
- oklch(0.628 0.053 83.1)
- OKLab
- oklab(0.628 0.006 0.052)
- CIE Lab
- lab(56.93 3.18 21)
- LCH
- lch(56.93 21.24 81.4)
- CMYK
- cmyk(0% 12% 34% 40%)
틴트 · 셰이드 · 톤
틴트
- A29273
- AC9D82
- B6A991
- C0B5A0
- CAC1AF
- D5CDBF
- DFD9CF
- EAE6DF
- F4F2EF
셰이드
- 847456
- 706248
- 5C513B
- 4A402E
- 383022
- 272116
- 17130B
- 080603
- 010100
톤
- 968567
- 93856A
- 91846D
- 8E8470
- 8C8373
- 8A8375
- 878278
- 85817B
- 82817D
색 조화
보색 +180°
- 988664
Mushroom Forest
- 7889A9
≈ Ship Cove
유사색 -30° +30°
- 988664
Mushroom Forest
- A3806B
≈ Red Earth
- 888C67
≈ Pesto Paste
삼각 배색 +120° +240°
- 988664
Mushroom Forest
- 629297
≈ Clear Brook
- 987E9B
≈ Amorous
분열 보색 +150° +210°
- 988664
Mushroom Forest
- 698EA3
≈ French Court
- 8983A6
≈ Purple Hills
사각 배색 +90° +180° +270°
- 988664
Mushroom Forest
- 679385
≈ Pine Ridge
- 7889A9
≈ Ship Cove
- A37C8B
≈ Dusky Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.54:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.92:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--mushroom-forest: #988664;
--mushroom-forest-rgb: 152 134 100;
--mushroom-forest-oklch: oklch(0.628 0.053 83.1);
}
.element {
color: var(--mushroom-forest);
background-color: hsl(39 21% 49%);
border-color: oklch(0.628 0.053 83.1);
}Tailwind CSS v4
@theme {
--color-mushroom-forest: #988664;
--color-mushroom-forest-50: #fcf4e5;
--color-mushroom-forest-100: #f0e7d5;
--color-mushroom-forest-200: #dfd3bb;
--color-mushroom-forest-300: #c4b699;
--color-mushroom-forest-400: #ae9c7b;
--color-mushroom-forest-500: #97835e;
--color-mushroom-forest-600: #806f50;
--color-mushroom-forest-700: #665940;
--color-mushroom-forest-800: #4c412d;
--color-mushroom-forest-900: #352d1f;
--color-mushroom-forest-950: #201a0e;
}SCSS
$mushroom-forest: #988664;
$mushroom-forest-rgb: 152, 134, 100;
$mushroom-forest-light: mix(#fff, $mushroom-forest, 20%);
$mushroom-forest-dark: mix(#000, $mushroom-forest, 20%);
.element {
color: $mushroom-forest;
box-shadow: 0 0 0 2px rgba($mushroom-forest, 0.35);
}