Màu có tên gần nhất · #82716C
#82716C
Màu có tên gần nhất: Acoustic Brown
#82716C (rgb(130 113 108), hsl(14 9% 47%), oklch(0.563 0.023 37)) 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.
#82716C
oklch(0.563 0.023 37)
Chuyển đổi màu
- HEX
- #82716c
- RGB
- rgb(130 113 108)
- HSL
- hsl(14 9% 47%)
- HWB
- hwb(14 42% 49%)
- OKLCH
- oklch(0.563 0.023 37)
- OKLab
- oklab(0.563 0.018 0.014)
- CIE Lab
- lab(49.15 6.21 5.36)
- LCH
- lch(49.15 8.2 40.8)
- CMYK
- cmyk(0% 13% 17% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8E7E7A
- 9A8C88
- A69996
- B2A7A4
- BFB5B3
- CBC4C2
- D8D2D1
- E5E1E0
- F2F0EF
Sắc đậm
- 70615D
- 5F524E
- 4E4340
- 3E3532
- 2F2725
- 201A19
- 120E0D
- 060404
- 010100
Sắc xám
- 82736E
- 827470
- 827672
- 817774
- 817976
- 817A78
- 817C7A
- 817D7C
- 807F7E
Hòa sắc
Bổ túc +180°
- 82716C
Acoustic Brown
- 67797E
≈ Night Rendezvous
Tương đồng -30° +30°
- 82716C
Acoustic Brown
- 827073
≈ Royal Raisin
- 7F7367
≈ Jasmine Hollow
Bộ ba +120° +240°
- 82716C
Acoustic Brown
- 6B7A70
≈ Atlas Cedar Green
- 727483
≈ Overlook
Bổ túc chia +150° +210°
- 82716C
Acoustic Brown
- 677A77
≈ Trade Secret
- 6B7782
≈ Sheffield Grey
Bộ bốn +90° +180° +270°
- 82716C
Acoustic Brown
- 72786A
≈ Armoured Steel
- 67797E
≈ Night Rendezvous
- 797280
≈ Pearl Blackberry
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.63:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.52:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--acoustic-brown: #82716c;
--acoustic-brown-rgb: 130 113 108;
--acoustic-brown-oklch: oklch(0.563 0.023 37);
}
.element {
color: var(--acoustic-brown);
background-color: hsl(14 9% 47%);
border-color: oklch(0.563 0.023 37);
}Tailwind CSS v4
@theme {
--color-acoustic-brown: #82716c;
--color-acoustic-brown-50: #fbf3f0;
--color-acoustic-brown-100: #efe5e2;
--color-acoustic-brown-200: #ddd1cd;
--color-acoustic-brown-300: #c2b4af;
--color-acoustic-brown-400: #ab9a95;
--color-acoustic-brown-500: #94817c;
--color-acoustic-brown-600: #7e6d69;
--color-acoustic-brown-700: #645754;
--color-acoustic-brown-800: #4a403d;
--color-acoustic-brown-900: #332c2a;
--color-acoustic-brown-950: #1f1918;
}SCSS
$acoustic-brown: #82716c;
$acoustic-brown-rgb: 130, 113, 108;
$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);
}