가장 가까운 이름 색상 · #B68137
#B68137
가장 가까운 이름 색상: Weissbier
#B68137(rgb(182 129 55), hsl(35 54% 46%), oklch(0.642 0.111 72.4))와 가장 가까운 이름 색상은 Weissbier입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B68137
oklch(0.642 0.111 72.4)
색상 변환
- HEX
- #b68137
- RGB
- rgb(182 129 55)
- HSL
- hsl(35 54% 46%)
- HWB
- hwb(35 22% 29%)
- OKLCH
- oklch(0.642 0.111 72.4)
- OKLab
- oklab(0.642 0.034 0.106)
- CIE Lab
- lab(58.39 15.86 47.12)
- LCH
- lch(58.39 49.72 71.4)
- CMYK
- cmyk(0% 29% 70% 29%)
틴트 · 셰이드 · 톤
틴트
- BE8D4E
- C59A63
- CDA677
- D4B38A
- DBBF9E
- E3CCB1
- EAD9C4
- F1E5D8
- F8F2EB
셰이드
- 9E6F2E
- 865E26
- 6F4E1E
- 593E16
- 442E0F
- 301F08
- 1D1203
- 0C0601
- 020100
톤
- B18142
- AC814B
- A68253
- A1825A
- 9C8261
- 968168
- 91816E
- 8B8174
- 86807A
색 조화
보색 +180°
- B68137
Weissbier
- 5990CE
≈ Blue Dart
유사색 -30° +30°
- B68137
Weissbier
- C57555
≈ Spanish Peanut
- 9A8F35
≈ Banana Leaf
삼각 배색 +120° +240°
- B68137
Weissbier
- 00A29E
≈ Aqua Velvet
- A478BD
≈ Purple Pride
분열 보색 +150° +210°
- B68137
Weissbier
- 239BBD
≈ Butterfly Blue
- 8384CE
≈ Twilight Twinkle
사각 배색 +90° +180° +270°
- B68137
Weissbier
- 41A278
≈ Funk
- 5990CE
≈ Blue Dart
- BB719F
≈ Crocus
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.39:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.18:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--weissbier: #b68137;
--weissbier-rgb: 182 129 55;
--weissbier-oklch: oklch(0.642 0.111 72.4);
}
.element {
color: var(--weissbier);
background-color: hsl(35 54% 46%);
border-color: oklch(0.642 0.111 72.4);
}Tailwind CSS v4
@theme {
--color-weissbier: #b68137;
--color-weissbier-50: #fff1d3;
--color-weissbier-100: #ffe3c0;
--color-weissbier-200: #f1cea0;
--color-weissbier-300: #d9af76;
--color-weissbier-400: #c7934f;
--color-weissbier-500: #b3791f;
--color-weissbier-600: #97661d;
--color-weissbier-700: #795217;
--color-weissbier-800: #5a3b0f;
--color-weissbier-900: #3f2809;
--color-weissbier-950: #281600;
}SCSS
$weissbier: #b68137;
$weissbier-rgb: 182, 129, 55;
$weissbier-light: mix(#fff, $weissbier, 20%);
$weissbier-dark: mix(#000, $weissbier, 20%);
.element {
color: $weissbier;
box-shadow: 0 0 0 2px rgba($weissbier, 0.35);
}