이름 색상 · #884411
Sis Kebab
Sis Kebab은(는) #884411: rgb(136 68 17), hsl(26 78% 30%), oklch(0.464 0.11 51.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Sis Kebab color name →
#884411
oklch(0.464 0.11 51.7)
색상 변환
- HEX
- #884411
- RGB
- rgb(136 68 17)
- HSL
- hsl(26 78% 30%)
- HWB
- hwb(26 7% 47%)
- OKLCH
- oklch(0.464 0.11 51.7)
- OKLab
- oklab(0.464 0.068 0.087)
- CIE Lab
- lab(37.22 27.27 41.56)
- LCH
- lch(37.22 49.71 56.7)
- CMYK
- cmyk(0% 50% 88% 47%)
틴트 · 셰이드 · 톤
틴트
- 95562E
- A16845
- AD7A5C
- B98D72
- C59F89
- D1B2A0
- DDC5B7
- E8D8CF
- F4EBE7
셰이드
- 753A0D
- 633009
- 522606
- 411D04
- 311402
- 220C01
- 130500
- 060200
- 010000
톤
- 884B22
- 88512F
- 88573A
- 875E45
- 87644F
- 866959
- 856F63
- 83756D
- 827A76
색 조화
보색 +180°
- 884411
Sis Kebab
- 006285
≈ Blue League
유사색 -30° +30°
- 884411
Sis Kebab
- 8D3C3D
≈ Royal Red Flush
- 745300
≈ Pickled Grape Leaves
삼각 배색 +120° +240°
- 884411
Sis Kebab
- 006953
≈ Peacock Green
- 5B4C91
≈ Purple Corallite
분열 보색 +150° +210°
- 884411
Sis Kebab
- 00666C
≈ Trouser Blue
- 355796
≈ Muted Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.28:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.88:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--sis-kebab: #884411;
--sis-kebab-rgb: 136 68 17;
--sis-kebab-oklch: oklch(0.464 0.11 51.7);
}
.element {
color: var(--sis-kebab);
background-color: hsl(26 78% 30%);
border-color: oklch(0.464 0.11 51.7);
}Tailwind CSS v4
@theme {
--color-sis-kebab: #884411;
--color-sis-kebab-50: #ffedd8;
--color-sis-kebab-100: #ffdfc6;
--color-sis-kebab-200: #fbc8a8;
--color-sis-kebab-300: #e4a882;
--color-sis-kebab-400: #d28b60;
--color-sis-kebab-500: #bf6f3b;
--color-sis-kebab-600: #a15e33;
--color-sis-kebab-700: #814b28;
--color-sis-kebab-800: #60361d;
--color-sis-kebab-900: #442513;
--color-sis-kebab-950: #2c1305;
}SCSS
$sis-kebab: #884411;
$sis-kebab-rgb: 136, 68, 17;
$sis-kebab-light: mix(#fff, $sis-kebab, 20%);
$sis-kebab-dark: mix(#000, $sis-kebab, 20%);
.element {
color: $sis-kebab;
box-shadow: 0 0 0 2px rgba($sis-kebab, 0.35);
}