Màu có tên gần nhất · #8C8100
#8C8100
Màu có tên gần nhất: Olive
#8C8100 (rgb(140 129 0), hsl(55 100% 27%), oklch(0.594 0.125 103.5)) gần nhất với màu có tên Olive. 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.
#8C8100
oklch(0.594 0.125 103.5)
Chuyển đổi màu
- HEX
- #8c8100
- RGB
- rgb(140 129 0)
- HSL
- hsl(55 100% 27%)
- HWB
- hwb(55 0% 45%)
- OKLCH
- oklch(0.594 0.125 103.5)
- OKLab
- oklab(0.594 -0.029 0.122)
- CIE Lab
- lab(53.57 -4.44 57.63)
- LCH
- lch(53.57 57.8 94.4)
- CMYK
- cmyk(0% 8% 100% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 978D31
- A29A4C
- ADA664
- B8B37A
- C3BF91
- CFCCA7
- DBD9BD
- E7E5D3
- F3F2E9
Sắc đậm
- 796F00
- 675E00
- 554E00
- 433E00
- 332E00
- 231F00
- 141200
- 070600
- 010100
Sắc xám
- 8B8122
- 898133
- 888140
- 87814B
- 868155
- 84815E
- 838167
- 828170
- 818078
Hòa sắc
Bổ túc +180°
- 8C8100
Olive
- 7673C6
≈ Kickstart Purple
Tương đồng -30° +30°
- 8C8100
Olive
- AA7104
≈ Cookie Dough
- 5F8E3B
≈ Gǎn Lǎn Lǜ Green
Bộ ba +120° +240°
- 8C8100
Olive
- 008CAF
≈ Algiers Blue
- B15E91
≈ Meadow Mauve
Bổ túc chia +150° +210°
- 8C8100
Olive
- 4481C7
≈ Worn Denim
- 9966B3
≈ Prickly Purple
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.99:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.25:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
CSS
:root {
--olive: #8c8100;
--olive-rgb: 140 129 0;
--olive-oklch: oklch(0.594 0.125 103.5);
}
.element {
color: var(--olive);
background-color: hsl(55 100% 27%);
border-color: oklch(0.594 0.125 103.5);
}Tailwind CSS v4
@theme {
--color-olive: #8c8100;
--color-olive-50: #faf8cf;
--color-olive-100: #edebbb;
--color-olive-200: #dbd899;
--color-olive-300: #c0bb6d;
--color-olive-400: #aba240;
--color-olive-500: #958900;
--color-olive-600: #7e7400;
--color-olive-700: #655d00;
--color-olive-800: #4c4300;
--color-olive-900: #342e00;
--color-olive-950: #201b00;
}SCSS
$olive: #8c8100;
$olive-rgb: 140, 129, 0;
$olive-light: mix(#fff, $olive, 20%);
$olive-dark: mix(#000, $olive, 20%);
.element {
color: $olive;
box-shadow: 0 0 0 2px rgba($olive, 0.35);
}