가장 가까운 이름 색상 · #BA7C65
#BA7C65
가장 가까운 이름 색상: Earthworm
#BA7C65(rgb(186 124 101), hsl(16 38% 56%), oklch(0.645 0.085 41.1))와 가장 가까운 이름 색상은 Earthworm입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BA7C65
oklch(0.645 0.085 41.1)
색상 변환
- HEX
- #ba7c65
- RGB
- rgb(186 124 101)
- HSL
- hsl(16 38% 56%)
- HWB
- hwb(16 40% 27%)
- OKLCH
- oklch(0.645 0.085 41.1)
- OKLab
- oklab(0.645 0.064 0.056)
- CIE Lab
- lab(58.19 22.86 22.93)
- LCH
- lch(58.19 32.38 45.1)
- CMYK
- cmyk(0% 33% 46% 27%)
틴트 · 셰이드 · 톤
틴트
- C18974
- C99683
- D0A292
- D7AFA1
- DEBCB0
- E5CAC0
- ECD7CF
- F2E4DF
- F9F1EF
셰이드
- A16B57
- 895A49
- 724A3C
- 5C3B2F
- 462C22
- 321E17
- 1E110C
- 0D0503
- 020100
톤
- B57D68
- AF7D6B
- A97E6E
- A47E71
- 9E7F73
- 987F76
- 927F79
- 8C807B
- 86807E
색 조화
보색 +180°
- BA7C65
Earthworm
- 4B99B2
≈ Starflower Blue
유사색 -30° +30°
- BA7C65
Earthworm
- BB7881
≈ Rosily
- AE8552
≈ Gold Plated
삼각 배색 +120° +240°
- BA7C65
Earthworm
- 5B9E7D
≈ Green Spruce
- 8488C0
≈ Pleated Mauve
분열 보색 +150° +210°
- BA7C65
Earthworm
- 459E9A
≈ Majorca Blue
- 6691C0
≈ Cobalt Glow
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.40:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.15:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--earthworm: #ba7c65;
--earthworm-rgb: 186 124 101;
--earthworm-oklch: oklch(0.645 0.085 41.1);
}
.element {
color: var(--earthworm);
background-color: hsl(16 38% 56%);
border-color: oklch(0.645 0.085 41.1);
}Tailwind CSS v4
@theme {
--color-earthworm: #ba7c65;
--color-earthworm-50: #ffeee2;
--color-earthworm-100: #ffe0d2;
--color-earthworm-200: #f5c9b8;
--color-earthworm-300: #deaa95;
--color-earthworm-400: #ca8e77;
--color-earthworm-500: #b67359;
--color-earthworm-600: #9a614c;
--color-earthworm-700: #7b4e3d;
--color-earthworm-800: #5c382c;
--color-earthworm-900: #40261e;
--color-earthworm-950: #29140e;
}SCSS
$earthworm: #ba7c65;
$earthworm-rgb: 186, 124, 101;
$earthworm-light: mix(#fff, $earthworm, 20%);
$earthworm-dark: mix(#000, $earthworm, 20%);
.element {
color: $earthworm;
box-shadow: 0 0 0 2px rgba($earthworm, 0.35);
}