最も近い色名 · #6E7674
#6E7674
最も近い色名: Volcanic Ash
#6E7674（rgb(110 118 116)、hsl(165 4% 45%)、oklch(0.558 0.01 179.3)）に最も近い色名はVolcanic Ashです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6E7674
oklch(0.558 0.01 179.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 7B8381
- 89908E
- 979D9C
- A5AAA9
- B4B8B7
- C2C6C5
- D1D4D3
- E0E2E2
- F0F0F0
シェード
- 5F6664
- 505654
- 414745
- 333837
- 262929
- 191C1B
- 0E0F0F
- 040505
- 010101
トーン
- 707775
- 727876
- 737978
- 757A79
- 777B7A
- 797C7B
- 7B7D7C
- 7C7E7E
- 7E7F7F
カラーハーモニー
補色 +180°
- 6E7674
Volcanic Ash
- 797274
≈ Heather Sachet
類似色 -30° +30°
- 6E7674
Volcanic Ash
- 707671
≈ Dawnstone
- 6E7677
≈ Volcanic Ash
トライアド +120° +240°
- 6E7674
Volcanic Ash
- 757379
≈ Steel Armour
- 79736E
≈ Gauntlet Grey
スプリットコンプリメンタリー +150° +210°
- 6E7674
Volcanic Ash
- 787277
≈ Steel Armour
- 7A7271
≈ Gris Volcanico
テトラード +90° +180° +270°
- 6E7674
Volcanic Ash
- 71747A
≈ Raven Grey
- 797274
≈ Heather Sachet
- 76746D
≈ Gauntlet Grey
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.65:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.50:1 · APCA Lc 29
最適な文字色: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
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);
}