Màu có tên gần nhất · #B7A983
#B7A983
Màu có tên gần nhất: Bangalore
#B7A983 (rgb(183 169 131), hsl(44 27% 62%), oklch(0.737 0.054 90.2)) gần nhất với màu có tên Bangalore. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#B7A983
oklch(0.737 0.054 90.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BEB18F
- C5BA9B
- CCC2A7
- D3CBB4
- DAD3C0
- E2DCCD
- E9E5D9
- F0EDE6
- F8F6F2
Sắc đậm
- 9F9271
- 877C60
- 70674F
- 5A533F
- 453F2F
- 312C20
- 1E1B12
- 0C0A06
- 020101
Sắc xám
- B1A583
- ACA183
- A69D83
- A19983
- 9B9482
- 969082
- 908C82
- 8B8881
- 858481
Hòa sắc
Bổ túc +180°
- B7A983
Bangalore
- 9CA9CD
≈ Tinted Lilac
Tương đồng -30° +30°
- B7A983
Bangalore
- C4A288
≈ Pacific Bluffs
- A5AF89
≈ Filigree Green
Bộ ba +120° +240°
- B7A983
Bangalore
- 82B4BD
≈ Lifeboat Blue
- BE9EBA
≈ Tuileries Tint
Bổ túc chia +150° +210°
- B7A983
Bangalore
- 8BAFC9
≈ Windy Day
- AFA3C8
≈ Forever Lilac
Bộ bốn +90° +180° +270°
- B7A983
Bangalore
- 84B6AB
≈ Winter Surf
- 9CA9CD
≈ Tinted Lilac
- C89CA8
≈ Fauna
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.32:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 9.01:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
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);
}