이름 색상 · #95896C
Knapsack
Knapsack은(는) #95896C: rgb(149 137 108), hsl(42 16% 50%), oklch(0.633 0.044 88.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Knapsack color name →
#95896C
oklch(0.633 0.044 88.2)
색상 변환
- HEX
- #95896c
- RGB
- rgb(149 137 108)
- HSL
- hsl(42 16% 50%)
- HWB
- hwb(42 42% 42%)
- OKLCH
- oklch(0.633 0.044 88.2)
- OKLab
- oklab(0.633 0.001 0.044)
- CIE Lab
- lab(57.59 1.15 17.34)
- LCH
- lch(57.59 17.37 86.2)
- CMYK
- cmyk(0% 8% 28% 42%)
틴트 · 셰이드 · 톤
틴트
- 9F947A
- A9A088
- B4AB96
- BEB7A5
- C9C2B3
- D3CEC2
- DEDAD1
- E9E6E0
- F4F3F0
셰이드
- 81765D
- 6D644E
- 5A5340
- 484232
- 373125
- 262219
- 16140D
- 080704
- 010100
톤
- 93886E
- 918770
- 8F8672
- 8D8674
- 8A8576
- 888478
- 86837A
- 84827C
- 82817E
색 조화
보색 +180°
- 95896C
Knapsack
- 7F8AA5
≈ Violet Aura
유사색 -30° +30°
- 95896C
Knapsack
- 9F8470
≈ Amphora
- 878E70
≈ Battleship Green
삼각 배색 +120° +240°
- 95896C
Knapsack
- 6B9298
≈ Blue Clay
- 998198
≈ Mixed Berries
분열 보색 +150° +210°
- 95896C
Knapsack
- 728EA2
≈ Blue Grey
- 8D85A2
≈ Purple Hills
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.07:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--knapsack: #95896c;
--knapsack-rgb: 149 137 108;
--knapsack-oklch: oklch(0.633 0.044 88.2);
}
.element {
color: var(--knapsack);
background-color: hsl(42 16% 50%);
border-color: oklch(0.633 0.044 88.2);
}Tailwind CSS v4
@theme {
--color-knapsack: #95896c;
--color-knapsack-50: #faf5e7;
--color-knapsack-100: #ede8d8;
--color-knapsack-200: #dbd4c0;
--color-knapsack-300: #c0b79f;
--color-knapsack-400: #a99d81;
--color-knapsack-500: #928565;
--color-knapsack-600: #7c7156;
--color-knapsack-700: #635a44;
--color-knapsack-800: #494231;
--color-knapsack-900: #332d21;
--color-knapsack-950: #1e1a11;
}SCSS
$knapsack: #95896c;
$knapsack-rgb: 149, 137, 108;
$knapsack-light: mix(#fff, $knapsack, 20%);
$knapsack-dark: mix(#000, $knapsack, 20%);
.element {
color: $knapsack;
box-shadow: 0 0 0 2px rgba($knapsack, 0.35);
}