Màu có tên gần nhất · #B7745E
#B7745E
Màu có tên gần nhất: Spiced
#B7745E (rgb(183 116 94), hsl(15 38% 54%), oklch(0.625 0.091 38.9)) gần nhất với màu có tên Spiced. 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.
#B7745E
oklch(0.625 0.091 38.9)
Chuyển đổi màu
- HEX
- #b7745e
- RGB
- rgb(183 116 94)
- HSL
- hsl(15 38% 54%)
- HWB
- hwb(15 37% 28%)
- OKLCH
- oklch(0.625 0.091 38.9)
- OKLab
- oklab(0.625 0.071 0.057)
- CIE Lab
- lab(55.82 25.33 23.72)
- LCH
- lch(55.82 34.7 43.1)
- CMYK
- cmyk(0% 37% 49% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BF826D
- C78F7D
- CE9D8D
- D6AB9C
- DDB8AC
- E4C6BD
- EBD4CD
- F2E2DD
- F8F1EE
Sắc đậm
- 9F6451
- 875444
- 704537
- 5A372B
- 45291F
- 311B14
- 1E0F0A
- 0C0503
- 020100
Sắc xám
- B27662
- AD7765
- A87869
- A27A6C
- 9D7B70
- 977C73
- 927D77
- 8C7E7A
- 867F7D
Hòa sắc
Bổ túc +180°
- B7745E
Spiced
- 3B95AD
≈ Enchanted Well
Tương đồng -30° +30°
- B7745E
Spiced
- B7707C
≈ Rose Gold
- AC7D47
≈ Mediaeval Gold
Bộ ba +120° +240°
- B7745E
Spiced
- 539973
≈ Fake Fern
- 7C82BE
≈ Deep Periwinkle
Bổ túc chia +150° +210°
- B7745E
Spiced
- 369993
≈ Sea
- 5A8CBC
≈ Cliff 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.70:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.67:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--spiced: #b7745e;
--spiced-rgb: 183 116 94;
--spiced-oklch: oklch(0.625 0.091 38.9);
}
.element {
color: var(--spiced);
background-color: hsl(15 38% 54%);
border-color: oklch(0.625 0.091 38.9);
}Tailwind CSS v4
@theme {
--color-spiced: #b7745e;
--color-spiced-50: #ffede2;
--color-spiced-100: #ffdfd1;
--color-spiced-200: #f8c8b7;
--color-spiced-300: #e1a894;
--color-spiced-400: #cd8c76;
--color-spiced-500: #ba7058;
--color-spiced-600: #9d5f4b;
--color-spiced-700: #7e4c3c;
--color-spiced-800: #5e372b;
--color-spiced-900: #42251d;
--color-spiced-950: #2a140d;
}SCSS
$spiced: #b7745e;
$spiced-rgb: 183, 116, 94;
$spiced-light: mix(#fff, $spiced, 20%);
$spiced-dark: mix(#000, $spiced, 20%);
.element {
color: $spiced;
box-shadow: 0 0 0 2px rgba($spiced, 0.35);
}