Màu có tên gần nhất · #80716D
#80716D
Màu có tên gần nhất: Acoustic Brown
#80716D (rgb(128 113 109), hsl(13 8% 46%), oklch(0.561 0.02 35.3)) gần nhất với màu có tên Acoustic Brown. 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.
#80716D
oklch(0.561 0.02 35.3)
Chuyển đổi màu
- HEX
- #80716d
- RGB
- rgb(128 113 109)
- HSL
- hsl(13 8% 46%)
- HWB
- hwb(13 43% 50%)
- OKLCH
- oklch(0.561 0.02 35.3)
- OKLab
- oklab(0.561 0.016 0.011)
- CIE Lab
- lab(48.97 5.51 4.48)
- LCH
- lch(48.97 7.11 39.1)
- CMYK
- cmyk(0% 12% 15% 50%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8C7E7B
- 988C88
- A59996
- B1A7A5
- BEB5B3
- CAC4C2
- D7D2D1
- E4E1E0
- F2F0EF
Sắc đậm
- 6E615E
- 5D524F
- 4D4341
- 3D3533
- 2E2726
- 1F1A19
- 120E0D
- 060404
- 010101
Sắc xám
- 80736F
- 807471
- 807673
- 807775
- 807976
- 807A78
- 807C7A
- 807D7C
- 807F7E
Hòa sắc
Bổ túc +180°
- 80716D
Acoustic Brown
- 68787C
≈ Night Rendezvous
Tương đồng -30° +30°
- 80716D
Acoustic Brown
- 807073
≈ Royal Raisin
- 7D7369
≈ Aumbry
Bộ ba +120° +240°
- 80716D
Acoustic Brown
- 6C7970
≈ Arctic Lichen Green
- 717481
≈ Overlook
Bổ túc chia +150° +210°
- 80716D
Acoustic Brown
- 687976
≈ Trade Secret
- 6C7680
≈ Sheffield Grey
Bộ bốn +90° +180° +270°
- 80716D
Acoustic Brown
- 72776B
≈ Armoured Steel
- 68787C
≈ Night Rendezvous
- 77727E
≈ Pearl Blackberry
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.66:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--acoustic-brown: #80716d;
--acoustic-brown-rgb: 128 113 109;
--acoustic-brown-oklch: oklch(0.561 0.02 35.3);
}
.element {
color: var(--acoustic-brown);
background-color: hsl(13 8% 46%);
border-color: oklch(0.561 0.02 35.3);
}Tailwind CSS v4
@theme {
--color-acoustic-brown: #80716d;
--color-acoustic-brown-50: #fbf3f1;
--color-acoustic-brown-100: #eee6e3;
--color-acoustic-brown-200: #dcd1ce;
--color-acoustic-brown-300: #c1b4b0;
--color-acoustic-brown-400: #aa9b97;
--color-acoustic-brown-500: #93827d;
--color-acoustic-brown-600: #7c6e6a;
--color-acoustic-brown-700: #635855;
--color-acoustic-brown-800: #49403e;
--color-acoustic-brown-900: #332c2b;
--color-acoustic-brown-950: #1e1918;
}SCSS
$acoustic-brown: #80716d;
$acoustic-brown-rgb: 128, 113, 109;
$acoustic-brown-light: mix(#fff, $acoustic-brown, 20%);
$acoustic-brown-dark: mix(#000, $acoustic-brown, 20%);
.element {
color: $acoustic-brown;
box-shadow: 0 0 0 2px rgba($acoustic-brown, 0.35);
}