가장 가까운 이름 색상 · #936137
#936137
가장 가까운 이름 색상: Chilli Con Carne
#936137(rgb(147 97 55), hsl(27 46% 40%), oklch(0.538 0.087 59.4))와 가장 가까운 이름 색상은 Chilli Con Carne입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#936137
oklch(0.538 0.087 59.4)
색상 변환
- HEX
- #936137
- RGB
- rgb(147 97 55)
- HSL
- hsl(27 46% 40%)
- HWB
- hwb(27 22% 42%)
- OKLCH
- oklch(0.538 0.087 59.4)
- OKLab
- oklab(0.538 0.044 0.075)
- CIE Lab
- lab(46.03 17.7 32.28)
- LCH
- lch(46.03 36.81 61.3)
- CMYK
- cmyk(0% 34% 63% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E704B
- A97F5E
- B48F72
- BF9E85
- C9AE99
- D4BEAD
- DFCEC1
- EADED5
- F4EEEA
셰이드
- 7F532E
- 6C4626
- 59391E
- 472D16
- 36210F
- 251508
- 160B03
- 080301
- 010000
톤
- 92643F
- 906847
- 8E6B4F
- 8D6E56
- 8B715E
- 897465
- 87776C
- 857A72
- 827D79
색 조화
보색 +180°
- 936137
Chilli Con Carne
- 39749B
≈ Phenomenon
유사색 -30° +30°
- 936137
Chilli Con Carne
- 9A5A50
≈ Spicy Cayenne
- 826B2C
≈ Hunting Jacket
삼각 배색 +120° +240°
- 936137
Chilli Con Carne
- 237E6F
≈ Mermaid Sea
- 756299
≈ Purple Paradise
분열 보색 +150° +210°
- 936137
Chilli Con Carne
- 187B89
≈ Caribe
- 5A6BA1
≈ Moonshade
사각 배색 +90° +180° +270°
- 936137
Chilli Con Carne
- 477C52
≈ Melbourne
- 39749B
≈ Phenomenon
- 8A5B86
≈ Dewberry
대비 및 접근성
Ag
AA흰색 위
WCAG 5.24:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 4.00:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--chilli-con-carne: #936137;
--chilli-con-carne-rgb: 147 97 55;
--chilli-con-carne-oklch: oklch(0.538 0.087 59.4);
}
.element {
color: var(--chilli-con-carne);
background-color: hsl(27 46% 40%);
border-color: oklch(0.538 0.087 59.4);
}Tailwind CSS v4
@theme {
--color-chilli-con-carne: #936137;
--color-chilli-con-carne-50: #fff0dd;
--color-chilli-con-carne-100: #fee2cb;
--color-chilli-con-carne-200: #f0cdaf;
--color-chilli-con-carne-300: #d9ae8a;
--color-chilli-con-carne-400: #c5926a;
--color-chilli-con-carne-500: #b17848;
--color-chilli-con-carne-600: #95653e;
--color-chilli-con-carne-700: #785131;
--color-chilli-con-carne-800: #593a23;
--color-chilli-con-carne-900: #3e2817;
--color-chilli-con-carne-950: #271608;
}SCSS
$chilli-con-carne: #936137;
$chilli-con-carne-rgb: 147, 97, 55;
$chilli-con-carne-light: mix(#fff, $chilli-con-carne, 20%);
$chilli-con-carne-dark: mix(#000, $chilli-con-carne, 20%);
.element {
color: $chilli-con-carne;
box-shadow: 0 0 0 2px rgba($chilli-con-carne, 0.35);
}