Màu có tên gần nhất · #BC8276
#BC8276
Màu có tên gần nhất: Whisky
#BC8276 (rgb(188 130 118), hsl(10 34% 60%), oklch(0.662 0.075 32.1)) gần nhất với màu có tên Whisky. 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.
#BC8276
oklch(0.662 0.075 32.1)
Chuyển đổi màu
- HEX
- #bc8276
- RGB
- rgb(188 130 118)
- HSL
- hsl(10 34% 60%)
- HWB
- hwb(10 46% 26%)
- OKLCH
- oklch(0.662 0.075 32.1)
- OKLab
- oklab(0.662 0.063 0.04)
- CIE Lab
- lab(60.15 21.92 16)
- LCH
- lch(60.15 27.14 36.1)
- CMYK
- cmyk(0% 31% 37% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C38E83
- CA9A90
- D1A79E
- D8B3AB
- DFBFB9
- E5CCC6
- ECD9D4
- F2E5E2
- F9F2F1
Sắc đậm
- A37066
- 8B5F56
- 734E47
- 5D3E38
- 472F29
- 32201C
- 1F120F
- 0D0605
- 020101
Sắc xám
- B68277
- B08278
- AB8279
- A5827A
- 9F827B
- 99817C
- 93817D
- 8D817E
- 86807F
Hòa sắc
Bổ túc +180°
- BC8276
Whisky
- 589FAD
≈ Flood Out
Tương đồng -30° +30°
- BC8276
Whisky
- BA808F
≈ Lipstick Pink
- B48963
≈ Tudor Tan
Bộ ba +120° +240°
- BC8276
Whisky
- 70A07C
≈ Holiday Camp
- 8390C1
≈ Safflowerish Sky
Bổ túc chia +150° +210°
- BC8276
Whisky
- 5AA296
≈ Polished Pine
- 6999BD
≈ Lupine Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.18:1 · APCA Lc 59
Ag
AATrên nền đen
WCAG 6.59:1 · APCA Lc 43
Màu chữ tốt nhất: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Đoạn mã
CSS
:root {
--whisky: #bc8276;
--whisky-rgb: 188 130 118;
--whisky-oklch: oklch(0.662 0.075 32.1);
}
.element {
color: var(--whisky);
background-color: hsl(10 34% 60%);
border-color: oklch(0.662 0.075 32.1);
}Tailwind CSS v4
@theme {
--color-whisky: #bc8276;
--color-whisky-50: #ffeee7;
--color-whisky-100: #ffe0d8;
--color-whisky-200: #f2cac0;
--color-whisky-300: #dbaa9e;
--color-whisky-400: #c78f83;
--color-whisky-500: #b27467;
--color-whisky-600: #966257;
--color-whisky-700: #794e46;
--color-whisky-800: #593833;
--color-whisky-900: #3f2723;
--color-whisky-950: #281512;
}SCSS
$whisky: #bc8276;
$whisky-rgb: 188, 130, 118;
$whisky-light: mix(#fff, $whisky, 20%);
$whisky-dark: mix(#000, $whisky, 20%);
.element {
color: $whisky;
box-shadow: 0 0 0 2px rgba($whisky, 0.35);
}