이름 색상 · #8E593C
Rope
Rope은(는) #8E593C: rgb(142 89 60), hsl(21 41% 40%), oklch(0.516 0.082 48.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Rope color name →
#8E593C
oklch(0.516 0.082 48.9)
색상 변환
- HEX
- #8e593c
- RGB
- rgb(142 89 60)
- HSL
- hsl(21 41% 40%)
- HWB
- hwb(21 24% 44%)
- OKLCH
- oklch(0.516 0.082 48.9)
- OKLab
- oklab(0.516 0.054 0.062)
- CIE Lab
- lab(43.44 20.2 26.23)
- LCH
- lch(43.44 33.1 52.4)
- CMYK
- cmyk(0% 37% 58% 44%)
틴트 · 셰이드 · 톤
틴트
- 9A694F
- A57961
- B08974
- BC9987
- C7A99A
- D2BAAE
- DECBC2
- E9DCD6
- F4EDEA
셰이드
- 7B4C33
- 68402A
- 563421
- 442819
- 341D11
- 24130A
- 150904
- 070301
- 010000
톤
- 8D5D43
- 8C614A
- 8B6551
- 8A6958
- 896D5F
- 877166
- 86756C
- 847973
- 827C79
색 조화
보색 +180°
- 8E593C
Rope
- 2B718D
≈ Big Ocean Wave
유사색 -30° +30°
- 8E593C
Rope
- 915455
≈ Maroon Rover
- 81622C
≈ Bronze Brown
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.76:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.64:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--rope: #8e593c;
--rope-rgb: 142 89 60;
--rope-oklch: oklch(0.516 0.082 48.9);
}
.element {
color: var(--rope);
background-color: hsl(21 41% 40%);
border-color: oklch(0.516 0.082 48.9);
}Tailwind CSS v4
@theme {
--color-rope: #8e593c;
--color-rope-50: #ffefe1;
--color-rope-100: #ffe1d0;
--color-rope-200: #f2cbb5;
--color-rope-300: #daac92;
--color-rope-400: #c79073;
--color-rope-500: #b27554;
--color-rope-600: #976448;
--color-rope-700: #794f39;
--color-rope-800: #5a3929;
--color-rope-900: #3f271c;
--color-rope-950: #28150c;
}SCSS
$rope: #8e593c;
$rope-rgb: 142, 89, 60;
$rope-light: mix(#fff, $rope, 20%);
$rope-dark: mix(#000, $rope, 20%);
.element {
color: $rope;
box-shadow: 0 0 0 2px rgba($rope, 0.35);
}