Màu có tên gần nhất · #7B6A4F
#7B6A4F
Màu có tên gần nhất: Heavy Brown
#7B6A4F (rgb(123 106 79), hsl(37 22% 40%), oklch(0.533 0.045 79)) gần nhất với màu có tên Heavy 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.
#7B6A4F
oklch(0.533 0.045 79)
Chuyển đổi màu
- HEX
- #7b6a4f
- RGB
- rgb(123 106 79)
- HSL
- hsl(37 22% 40%)
- HWB
- hwb(37 31% 52%)
- OKLCH
- oklch(0.533 0.045 79)
- OKLab
- oklab(0.533 0.009 0.044)
- CIE Lab
- lab(45.92 3.81 17.82)
- LCH
- lch(45.92 18.22 77.9)
- CMYK
- cmyk(0% 14% 36% 52%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 87785F
- 948670
- A19481
- AEA392
- BBB2A4
- C8C1B5
- D6D0C7
- E3E0DA
- F1EFEC
Sắc đậm
- 6A5B44
- 5A4D38
- 4A3F2E
- 3A3123
- 2C2419
- 1E1810
- 100D07
- 050402
- 010000
Sắc xám
- 7C6C54
- 7C6E59
- 7D715E
- 7D7363
- 7E7568
- 7E776D
- 7F7971
- 7F7C76
- 807E7B
Hòa sắc
Bổ túc +180°
- 7B6A4F
Heavy Brown
- 5D6E87
≈ Sausalito Port
Tương đồng -30° +30°
- 7B6A4F
Heavy Brown
- 836556
≈ Chivalrous Walrus
- 6E6F51
≈ Toy Tank Green
Bộ ba +120° +240°
- 7B6A4F
Heavy Brown
- 4D7577
≈ Cool Waters
- 78657E
≈ Montana Grape
Bổ túc chia +150° +210°
- 7B6A4F
Heavy Brown
- 517282
≈ Cape Cod Bay
- 6B6986
≈ Luscious Lavender
Bộ bốn +90° +180° +270°
- 7B6A4F
Heavy Brown
- 537568
≈ Hilltop
- 5D6E87
≈ Sausalito Port
- 816271
≈ Majestic Plum
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.22:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 4.01:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--heavy-brown: #7b6a4f;
--heavy-brown-rgb: 123 106 79;
--heavy-brown-oklch: oklch(0.533 0.045 79);
}
.element {
color: var(--heavy-brown);
background-color: hsl(37 22% 40%);
border-color: oklch(0.533 0.045 79);
}Tailwind CSS v4
@theme {
--color-heavy-brown: #7b6a4f;
--color-heavy-brown-50: #fcf4e7;
--color-heavy-brown-100: #f0e7d7;
--color-heavy-brown-200: #ded3bf;
--color-heavy-brown-300: #c3b69e;
--color-heavy-brown-400: #ad9c81;
--color-heavy-brown-500: #968364;
--color-heavy-brown-600: #7f6f55;
--color-heavy-brown-700: #665944;
--color-heavy-brown-800: #4b4131;
--color-heavy-brown-900: #342c21;
--color-heavy-brown-950: #201a10;
}SCSS
$heavy-brown: #7b6a4f;
$heavy-brown-rgb: 123, 106, 79;
$heavy-brown-light: mix(#fff, $heavy-brown, 20%);
$heavy-brown-dark: mix(#000, $heavy-brown, 20%);
.element {
color: $heavy-brown;
box-shadow: 0 0 0 2px rgba($heavy-brown, 0.35);
}