이름 색상 · #847C70
Fireplace Mantel
Fireplace Mantel은(는) #847C70: rgb(132 124 112), hsl(36 8% 48%), oklch(0.59 0.02 78.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Fireplace Mantel color name →
#847C70
oklch(0.59 0.02 78.2)
색상 변환
- HEX
- #847c70
- RGB
- rgb(132 124 112)
- HSL
- hsl(36 8% 48%)
- HWB
- hwb(36 44% 48%)
- OKLCH
- oklch(0.59 0.02 78.2)
- OKLab
- oklab(0.59 0.004 0.02)
- CIE Lab
- lab(52.47 1.54 7.73)
- LCH
- lch(52.47 7.88 78.7)
- CMYK
- cmyk(0% 6% 15% 48%)
틴트 · 셰이드 · 톤
틴트
- 90887D
- 9B958B
- A7A199
- B3AEA7
- C0BBB5
- CCC9C3
- D9D6D2
- E5E3E1
- F2F1F0
셰이드
- 726B60
- 605A51
- 4F4A43
- 3F3B35
- 2F2C27
- 201E1A
- 12110E
- 060504
- 010101
톤
- 847C72
- 837D73
- 837D75
- 827E76
- 827E78
- 827E7A
- 817F7B
- 817F7D
- 80807E
색 조화
보색 +180°
- 847C70
Fireplace Mantel
- 767E8A
≈ Bay Wharf
유사색 -30° +30°
- 847C70
Fireplace Mantel
- 887A73
≈ Wet River Rock
- 7E7E71
≈ Link Grey
삼각 배색 +120° +240°
- 847C70
Fireplace Mantel
- 708182
≈ Stormy Sea
- 827A85
≈ Grey Ridge
분열 보색 +150° +210°
- 847C70
Fireplace Mantel
- 718087
≈ Atlantic Shoreline
- 7C7C89
≈ Silver Surfer
사각 배색 +90° +180° +270°
- 847C70
Fireplace Mantel
- 72817B
≈ Taiga
- 767E8A
≈ Bay Wharf
- 87797F
≈ Blooming Wisteria
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.11:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.09:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.09:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--fireplace-mantel: #847c70;
--fireplace-mantel-rgb: 132 124 112;
--fireplace-mantel-oklch: oklch(0.59 0.02 78.2);
}
.element {
color: var(--fireplace-mantel);
background-color: hsl(36 8% 48%);
border-color: oklch(0.59 0.02 78.2);
}Tailwind CSS v4
@theme {
--color-fireplace-mantel: #847c70;
--color-fireplace-mantel-50: #f8f5ef;
--color-fireplace-mantel-100: #ebe7e0;
--color-fireplace-mantel-200: #d9d3cb;
--color-fireplace-mantel-300: #bdb6ac;
--color-fireplace-mantel-400: #a59d91;
--color-fireplace-mantel-500: #8e8577;
--color-fireplace-mantel-600: #787065;
--color-fireplace-mantel-700: #605a51;
--color-fireplace-mantel-800: #46423b;
--color-fireplace-mantel-900: #312d28;
--color-fireplace-mantel-950: #1d1a16;
}SCSS
$fireplace-mantel: #847c70;
$fireplace-mantel-rgb: 132, 124, 112;
$fireplace-mantel-light: mix(#fff, $fireplace-mantel, 20%);
$fireplace-mantel-dark: mix(#000, $fireplace-mantel, 20%);
.element {
color: $fireplace-mantel;
box-shadow: 0 0 0 2px rgba($fireplace-mantel, 0.35);
}