Màu có tên gần nhất · #B17259
#B17259
Màu có tên gần nhất: Hazelnut
#B17259 (rgb(177 114 89), hsl(17 36% 52%), oklch(0.613 0.088 42.4)) gần nhất với màu có tên Hazelnut. 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.
#B17259
oklch(0.613 0.088 42.4)
Chuyển đổi màu
- HEX
- #b17259
- RGB
- rgb(177 114 89)
- HSL
- hsl(17 36% 52%)
- HWB
- hwb(17 35% 31%)
- OKLCH
- oklch(0.613 0.088 42.4)
- OKLab
- oklab(0.613 0.065 0.059)
- CIE Lab
- lab(54.5 23.55 24.67)
- LCH
- lch(54.5 34.11 46.3)
- CMYK
- cmyk(0% 36% 50% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B98069
- C28D79
- CA9B89
- D2A999
- DAB7AA
- E1C5BA
- E9D4CB
- F0E2DC
- F8F0EE
Sắc đậm
- 99624C
- 835340
- 6C4434
- 573628
- 42281D
- 2F1B13
- 1C0E09
- 0C0403
- 010100
Sắc xám
- AD745D
- A87562
- A37766
- 9F786A
- 9A7A6D
- 957B71
- 907D75
- 8B7E79
- 857F7C
Hòa sắc
Bổ túc +180°
- B17259
Hazelnut
- 3E90AA
≈ Blue Moon
Tương đồng -30° +30°
- B17259
Hazelnut
- B26D75
≈ Dusty Rose
- A57B45
≈ Driftwood
Bộ ba +120° +240°
- B17259
Hazelnut
- 4E9574
≈ Good Luck
- 7C7DB8
≈ Astro Zinger
Bổ túc chia +150° +210°
- B17259
Hazelnut
- 359592
≈ Java
- 5C87B8
≈ Blue Smart
Bộ bốn +90° +180° +270°
- B17259
Hazelnut
- 708F57
≈ Forest Bound
- 3E90AA
≈ Blue Moon
- 9674AA
≈ Ce Soir
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.87:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.42:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--hazelnut: #b17259;
--hazelnut-rgb: 177 114 89;
--hazelnut-oklch: oklch(0.613 0.088 42.4);
}
.element {
color: var(--hazelnut);
background-color: hsl(17 36% 52%);
border-color: oklch(0.613 0.088 42.4);
}Tailwind CSS v4
@theme {
--color-hazelnut: #b17259;
--color-hazelnut-50: #ffeee1;
--color-hazelnut-100: #ffdfd0;
--color-hazelnut-200: #f6c9b6;
--color-hazelnut-300: #dfaa93;
--color-hazelnut-400: #cb8d75;
--color-hazelnut-500: #b77256;
--color-hazelnut-600: #9b6149;
--color-hazelnut-700: #7c4d3a;
--color-hazelnut-800: #5c382a;
--color-hazelnut-900: #41261c;
--color-hazelnut-950: #29140d;
}SCSS
$hazelnut: #b17259;
$hazelnut-rgb: 177, 114, 89;
$hazelnut-light: mix(#fff, $hazelnut, 20%);
$hazelnut-dark: mix(#000, $hazelnut, 20%);
.element {
color: $hazelnut;
box-shadow: 0 0 0 2px rgba($hazelnut, 0.35);
}