Màu có tên gần nhất · #8E492C
#8E492C
Màu có tên gần nhất: Gingerbread
#8E492C (rgb(142 73 44), hsl(18 53% 36%), oklch(0.485 0.103 42.7)) gần nhất với màu có tên Gingerbread. 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.
#8E492C
oklch(0.485 0.103 42.7)
Chuyển đổi màu
- HEX
- #8e492c
- RGB
- rgb(142 73 44)
- HSL
- hsl(18 53% 36%)
- HWB
- hwb(18 17% 44%)
- OKLCH
- oklch(0.485 0.103 42.7)
- OKLab
- oklab(0.485 0.075 0.069)
- CIE Lab
- lab(39.49 28.04 30.75)
- LCH
- lch(39.49 41.62 47.6)
- CMYK
- cmyk(0% 49% 69% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9A5B41
- A66C55
- B27E69
- BD907E
- C9A292
- D4B4A7
- DFC6BD
- EAD9D2
- F4ECE9
Sắc đậm
- 7B3E25
- 68341E
- 562A17
- 442011
- 34170A
- 240E05
- 150602
- 070201
- 010000
Sắc xám
- 8D4F36
- 8D553E
- 8C5B47
- 8B604F
- 8A6658
- 886B60
- 867168
- 857670
- 827B78
Hòa sắc
Bổ túc +180°
- 8E492C
Gingerbread
- 006984
≈ Ansel
Tương đồng -30° +30°
- 8E492C
Gingerbread
- 8F444F
≈ Dull Magenta
- 825402
≈ Intense Brown
Bộ ba +120° +240°
- 8E492C
Gingerbread
- 09704D
≈ Aquadazzle
- 575697
≈ Governor Bay
Bổ túc chia +150° +210°
- 8E492C
Gingerbread
- 006D6C
≈ Caribbean Current
- 306197
≈ Running Water
Bộ bốn +90° +180° +270°
- 8E492C
Gingerbread
- 486B29
≈ Tree Shade
- 006984
≈ Ansel
- 734C88
≈ Grapes of Italy
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.68:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.13:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--gingerbread: #8e492c;
--gingerbread-rgb: 142 73 44;
--gingerbread-oklch: oklch(0.485 0.103 42.7);
}
.element {
color: var(--gingerbread);
background-color: hsl(18 53% 36%);
border-color: oklch(0.485 0.103 42.7);
}Tailwind CSS v4
@theme {
--color-gingerbread: #8e492c;
--color-gingerbread-50: #ffedde;
--color-gingerbread-100: #ffdecc;
--color-gingerbread-200: #fbc7b1;
--color-gingerbread-300: #e5a78c;
--color-gingerbread-400: #d28a6d;
--color-gingerbread-500: #be6e4d;
--color-gingerbread-600: #a15d42;
--color-gingerbread-700: #814a34;
--color-gingerbread-800: #603526;
--color-gingerbread-900: #432419;
--color-gingerbread-950: #2b130a;
}SCSS
$gingerbread: #8e492c;
$gingerbread-rgb: 142, 73, 44;
$gingerbread-light: mix(#fff, $gingerbread, 20%);
$gingerbread-dark: mix(#000, $gingerbread, 20%);
.element {
color: $gingerbread;
box-shadow: 0 0 0 2px rgba($gingerbread, 0.35);
}