이름 색상 · #837F67
Knotweed
Knotweed은(는) #837F67: rgb(131 127 103), hsl(51 12% 46%), oklch(0.593 0.035 99.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Knotweed color name →
#837F67
oklch(0.593 0.035 99.5)
색상 변환
- HEX
- #837f67
- RGB
- rgb(131 127 103)
- HSL
- hsl(51 12% 46%)
- HWB
- hwb(51 40% 49%)
- OKLCH
- oklch(0.593 0.035 99.5)
- OKLab
- oklab(0.593 -0.006 0.035)
- CIE Lab
- lab(53.04 -1.58 13.68)
- LCH
- lch(53.04 13.77 96.6)
- CMYK
- cmyk(0% 3% 21% 49%)
틴트 · 셰이드 · 톤
틴트
- 8F8B75
- 9B9784
- A7A492
- B3B0A1
- BFBDB0
- CCCAC0
- D8D7CF
- E5E4DF
- F2F2EF
셰이드
- 716E59
- 605D4B
- 4F4C3D
- 3F3C30
- 2F2D23
- 201F17
- 12110C
- 060604
- 010100
톤
- 837F6A
- 827F6C
- 827F6F
- 827F71
- 818074
- 818076
- 818079
- 81807B
- 80807E
색 조화
보색 +180°
- 837F67
Knotweed
- 797C94
≈ Waterloo
유사색 -30° +30°
- 837F67
Knotweed
- 8C7B68
≈ Virtual Taupe
- 77836D
≈ Gazebo Green
삼각 배색 +120° +240°
- 837F67
Knotweed
- 67848D
≈ Indigo Mouse
- 8D7685
≈ Plum Legacy
분열 보색 +150° +210°
- 837F67
Knotweed
- 6F8093
≈ Chain Gang Grey
- 85798E
≈ High Note
사각 배색 +90° +180° +270°
- 837F67
Knotweed
- 668583
≈ Arctic
- 797C94
≈ Waterloo
- 927679
≈ Socialite
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.04:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.19:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--knotweed: #837f67;
--knotweed-rgb: 131 127 103;
--knotweed-oklch: oklch(0.593 0.035 99.5);
}
.element {
color: var(--knotweed);
background-color: hsl(51 12% 46%);
border-color: oklch(0.593 0.035 99.5);
}Tailwind CSS v4
@theme {
--color-knotweed: #837f67;
--color-knotweed-50: #f7f6ea;
--color-knotweed-100: #eae8db;
--color-knotweed-200: #d7d5c4;
--color-knotweed-300: #bbb8a4;
--color-knotweed-400: #a39f88;
--color-knotweed-500: #8b876c;
--color-knotweed-600: #76725c;
--color-knotweed-700: #5e5b49;
--color-knotweed-800: #464335;
--color-knotweed-900: #302e24;
--color-knotweed-950: #1c1b13;
}SCSS
$knotweed: #837f67;
$knotweed-rgb: 131, 127, 103;
$knotweed-light: mix(#fff, $knotweed, 20%);
$knotweed-dark: mix(#000, $knotweed, 20%);
.element {
color: $knotweed;
box-shadow: 0 0 0 2px rgba($knotweed, 0.35);
}