이름 색상 · #833D3E
Kopi Luwak
Kopi Luwak은(는) #833D3E: rgb(131 61 62), hsl(359 36% 38%), oklch(0.451 0.097 20.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Kopi Luwak color name →
#833D3E
oklch(0.451 0.097 20.8)
색상 변환
- HEX
- #833d3e
- RGB
- rgb(131 61 62)
- HSL
- hsl(359 36% 38%)
- HWB
- hwb(359 24% 49%)
- OKLCH
- oklch(0.451 0.097 20.8)
- OKLab
- oklab(0.451 0.09 0.034)
- CIE Lab
- lab(35.37 30.82 14.4)
- LCH
- lch(35.37 34.02 25.1)
- CMYK
- cmyk(0% 53% 53% 49%)
틴트 · 셰이드 · 톤
틴트
- 90504F
- 9D6261
- AA7573
- B78886
- C39B99
- CFAEAD
- DCC2C1
- E7D6D5
- F3EAEA
셰이드
- 713435
- 602B2B
- 4F2223
- 3F1A1A
- 2F1212
- 200A0A
- 120404
- 060101
- 010000
톤
- 844444
- 844B4B
- 845251
- 855958
- 84605F
- 846665
- 836D6C
- 837372
- 817A79
색 조화
보색 +180°
- 833D3E
Kopi Luwak
- 006267
≈ Really Teal
유사색 -30° +30°
- 833D3E
Kopi Luwak
- 7D3D5C
≈ Pleasure
- 7F441D
≈ Russet
삼각 배색 +120° +240°
- 833D3E
Kopi Luwak
- 35632D
≈ Gameboy Shade
- 36558B
≈ Glimpse of Void
분열 보색 +150° +210°
- 833D3E
Kopi Luwak
- 00654F
≈ Green Paw Paw
- 005E7F
≈ Back of Beyond
사각 배색 +90° +180° +270°
- 833D3E
Kopi Luwak
- 595A05
≈ Greensboro
- 006267
≈ Really Teal
- 564B87
≈ Victoria
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.77:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.70:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--kopi-luwak: #833d3e;
--kopi-luwak-rgb: 131 61 62;
--kopi-luwak-oklch: oklch(0.451 0.097 20.8);
}
.element {
color: var(--kopi-luwak);
background-color: hsl(359 36% 38%);
border-color: oklch(0.451 0.097 20.8);
}Tailwind CSS v4
@theme {
--color-kopi-luwak: #833d3e;
--color-kopi-luwak-50: #ffebe8;
--color-kopi-luwak-100: #ffdcd9;
--color-kopi-luwak-200: #fbc5c1;
--color-kopi-luwak-300: #e5a4a0;
--color-kopi-luwak-400: #d28786;
--color-kopi-luwak-500: #be6b6a;
--color-kopi-luwak-600: #a05b5a;
--color-kopi-luwak-700: #814848;
--color-kopi-luwak-800: #5f3435;
--color-kopi-luwak-900: #432324;
--color-kopi-luwak-950: #2b1213;
}SCSS
$kopi-luwak: #833d3e;
$kopi-luwak-rgb: 131, 61, 62;
$kopi-luwak-light: mix(#fff, $kopi-luwak, 20%);
$kopi-luwak-dark: mix(#000, $kopi-luwak, 20%);
.element {
color: $kopi-luwak;
box-shadow: 0 0 0 2px rgba($kopi-luwak, 0.35);
}