Màu có tên · #78726E
Vintage Boots
Vintage Boots là #78726E: rgb(120 114 110), hsl(24 4% 45%), oklch(0.556 0.01 56.2). 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.
What does Gray mean? → · Vintage Boots color name →
#78726E
oklch(0.556 0.01 56.2)
Chuyển đổi màu
- HEX
- #78726e
- RGB
- rgb(120 114 110)
- HSL
- hsl(24 4% 45%)
- HWB
- hwb(24 43% 53%)
- OKLCH
- oklch(0.556 0.01 56.2)
- OKLab
- oklab(0.556 0.005 0.008)
- CIE Lab
- lab(48.49 1.83 3.09)
- LCH
- lch(48.49 3.59 59.5)
- CMYK
- cmyk(0% 5% 8% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 857F7B
- 918C89
- 9F9A97
- ACA8A5
- B9B6B4
- C7C4C2
- D5D3D1
- E3E1E0
- F1F0F0
Sắc đậm
- 67625F
- 575350
- 484441
- 393633
- 2A2826
- 1D1B19
- 100E0E
- 050404
- 010101
Sắc xám
- 797370
- 7A7572
- 7A7673
- 7B7875
- 7C7977
- 7D7A79
- 7E7C7B
- 7E7D7C
- 7F7F7E
Hòa sắc
Bổ túc +180°
- 78726E
Vintage Boots
- 6E7478
≈ Battleship Grey
Tương đồng -30° +30°
- 78726E
Vintage Boots
- 797170
≈ Simple Silhouette
- 76736D
≈ Gauntlet Grey
Bộ ba +120° +240°
- 78726E
Vintage Boots
- 6E7573
≈ Sandpiper Cove
- 747278
≈ Steel Armour
Bổ túc chia +150° +210°
- 78726E
Vintage Boots
- 6D7576
≈ Battleship Grey
- 717379
≈ Raven Grey
Bộ bốn +90° +180° +270°
- 78726E
Vintage Boots
- 707570
≈ Dawnstone
- 6E7478
≈ Battleship Grey
- 767176
≈ Steel Armour
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.73:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.43:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--vintage-boots: #78726e;
--vintage-boots-rgb: 120 114 110;
--vintage-boots-oklch: oklch(0.556 0.01 56.2);
}
.element {
color: var(--vintage-boots);
background-color: hsl(24 4% 45%);
border-color: oklch(0.556 0.01 56.2);
}Tailwind CSS v4
@theme {
--color-vintage-boots: #78726e;
--color-vintage-boots-50: #f7f4f2;
--color-vintage-boots-100: #eae7e5;
--color-vintage-boots-200: #d7d3d0;
--color-vintage-boots-300: #bbb6b3;
--color-vintage-boots-400: #a39d99;
--color-vintage-boots-500: #8b8580;
--color-vintage-boots-600: #76706c;
--color-vintage-boots-700: #5e5a57;
--color-vintage-boots-800: #45413f;
--color-vintage-boots-900: #302d2c;
--color-vintage-boots-950: #1c1a19;
}SCSS
$vintage-boots: #78726e;
$vintage-boots-rgb: 120, 114, 110;
$vintage-boots-light: mix(#fff, $vintage-boots, 20%);
$vintage-boots-dark: mix(#000, $vintage-boots, 20%);
.element {
color: $vintage-boots;
box-shadow: 0 0 0 2px rgba($vintage-boots, 0.35);
}