Màu có tên gần nhất · #6E7674
#6E7674
Màu có tên gần nhất: Volcanic Ash
#6E7674 (rgb(110 118 116), hsl(165 4% 45%), oklch(0.558 0.01 179.3)) gần nhất với màu có tên Volcanic Ash. 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.
#6E7674
oklch(0.558 0.01 179.3)
Chuyển đổi màu
- HEX
- #6e7674
- RGB
- rgb(110 118 116)
- HSL
- hsl(165 4% 45%)
- HWB
- hwb(165 43% 54%)
- OKLCH
- oklch(0.558 0.01 179.3)
- OKLab
- oklab(0.558 -0.01 0)
- CIE Lab
- lab(48.9 -3.43 0.01)
- LCH
- lch(48.9 3.43 179.8)
- CMYK
- cmyk(7% 0% 2% 54%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7B8381
- 89908E
- 979D9C
- A5AAA9
- B4B8B7
- C2C6C5
- D1D4D3
- E0E2E2
- F0F0F0
Sắc đậm
- 5F6664
- 505654
- 414745
- 333837
- 262929
- 191C1B
- 0E0F0F
- 040505
- 010101
Sắc xám
- 707775
- 727876
- 737978
- 757A79
- 777B7A
- 797C7B
- 7B7D7C
- 7C7E7E
- 7E7F7F
Hòa sắc
Bổ túc +180°
- 6E7674
Volcanic Ash
- 797274
≈ Heather Sachet
Tương đồng -30° +30°
- 6E7674
Volcanic Ash
- 707671
≈ Dawnstone
- 6E7677
≈ Volcanic Ash
Bộ ba +120° +240°
- 6E7674
Volcanic Ash
- 757379
≈ Steel Armour
- 79736E
≈ Gauntlet Grey
Bổ túc chia +150° +210°
- 6E7674
Volcanic Ash
- 787277
≈ Steel Armour
- 7A7271
≈ Gris Volcanico
Bộ bốn +90° +180° +270°
- 6E7674
Volcanic Ash
- 71747A
≈ Raven Grey
- 797274
≈ Heather Sachet
- 76746D
≈ Gauntlet Grey
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.65:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--volcanic-ash: #6e7674;
--volcanic-ash-rgb: 110 118 116;
--volcanic-ash-oklch: oklch(0.558 0.01 179.3);
}
.element {
color: var(--volcanic-ash);
background-color: hsl(165 4% 45%);
border-color: oklch(0.558 0.01 179.3);
}Tailwind CSS v4
@theme {
--color-volcanic-ash: #6e7674;
--color-volcanic-ash-50: #f2f6f5;
--color-volcanic-ash-100: #e4e9e8;
--color-volcanic-ash-200: #d0d6d4;
--color-volcanic-ash-300: #b2b9b8;
--color-volcanic-ash-400: #98a09e;
--color-volcanic-ash-500: #7f8886;
--color-volcanic-ash-600: #6c7372;
--color-volcanic-ash-700: #565c5b;
--color-volcanic-ash-800: #3f4442;
--color-volcanic-ash-900: #2b2f2e;
--color-volcanic-ash-950: #191b1a;
}SCSS
$volcanic-ash: #6e7674;
$volcanic-ash-rgb: 110, 118, 116;
$volcanic-ash-light: mix(#fff, $volcanic-ash, 20%);
$volcanic-ash-dark: mix(#000, $volcanic-ash, 20%);
.element {
color: $volcanic-ash;
box-shadow: 0 0 0 2px rgba($volcanic-ash, 0.35);
}