가장 가까운 이름 색상 · #B7A983
#B7A983
가장 가까운 이름 색상: Bangalore
#B7A983(rgb(183 169 131), hsl(44 27% 62%), oklch(0.737 0.054 90.2))와 가장 가까운 이름 색상은 Bangalore입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B7A983
oklch(0.737 0.054 90.2)
색상 변환
- HEX
- #b7a983
- RGB
- rgb(183 169 131)
- HSL
- hsl(44 27% 62%)
- HWB
- hwb(44 51% 28%)
- OKLCH
- oklch(0.737 0.054 90.2)
- OKLab
- oklab(0.737 0 0.054)
- CIE Lab
- lab(69.72 0.83 21.62)
- LCH
- lch(69.72 21.63 87.8)
- CMYK
- cmyk(0% 8% 28% 28%)
틴트 · 셰이드 · 톤
틴트
- BEB18F
- C5BA9B
- CCC2A7
- D3CBB4
- DAD3C0
- E2DCCD
- E9E5D9
- F0EDE6
- F8F6F2
셰이드
- 9F9271
- 877C60
- 70674F
- 5A533F
- 453F2F
- 312C20
- 1E1B12
- 0C0A06
- 020101
톤
- B1A583
- ACA183
- A69D83
- A19983
- 9B9482
- 969082
- 908C82
- 8B8881
- 858481
색 조화
보색 +180°
- B7A983
Bangalore
- 9CA9CD
≈ Tinted Lilac
유사색 -30° +30°
- B7A983
Bangalore
- C4A288
≈ Pacific Bluffs
- A5AF89
≈ Filigree Green
삼각 배색 +120° +240°
- B7A983
Bangalore
- 82B4BD
≈ Lifeboat Blue
- BE9EBA
≈ Tuileries Tint
분열 보색 +150° +210°
- B7A983
Bangalore
- 8BAFC9
≈ Windy Day
- AFA3C8
≈ Forever Lilac
사각 배색 +90° +180° +270°
- B7A983
Bangalore
- 84B6AB
≈ Winter Surf
- 9CA9CD
≈ Tinted Lilac
- C89CA8
≈ Fauna
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.01:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--bangalore: #b7a983;
--bangalore-rgb: 183 169 131;
--bangalore-oklch: oklch(0.737 0.054 90.2);
}
.element {
color: var(--bangalore);
background-color: hsl(44 27% 62%);
border-color: oklch(0.737 0.054 90.2);
}Tailwind CSS v4
@theme {
--color-bangalore: #b7a983;
--color-bangalore-50: #faf5e4;
--color-bangalore-100: #eee8d4;
--color-bangalore-200: #dcd4bb;
--color-bangalore-300: #c1b798;
--color-bangalore-400: #ab9e7a;
--color-bangalore-500: #94855c;
--color-bangalore-600: #7d714e;
--color-bangalore-700: #645a3e;
--color-bangalore-800: #4a412c;
--color-bangalore-900: #332d1e;
--color-bangalore-950: #1f1a0e;
}SCSS
$bangalore: #b7a983;
$bangalore-rgb: 183, 169, 131;
$bangalore-light: mix(#fff, $bangalore, 20%);
$bangalore-dark: mix(#000, $bangalore, 20%);
.element {
color: $bangalore;
box-shadow: 0 0 0 2px rgba($bangalore, 0.35);
}