最も近い色名 · #706C65
#706C65
最も近い色名: Volcanic Rock
#706C65（rgb(112 108 101)、hsl(38 5% 42%)、oklch(0.533 0.012 81.8)）に最も近い色名はVolcanic Rockです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#706C65
oklch(0.533 0.012 81.8)
カラー変換
- HEX
- #706c65
- RGB
- rgb(112 108 101)
- HSL
- hsl(38 5% 42%)
- HWB
- hwb(38 40% 56%)
- OKLCH
- oklch(0.533 0.012 81.8)
- OKLab
- oklab(0.533 0.002 0.012)
- CIE Lab
- lab(45.83 0.6 4.51)
- LCH
- lch(45.83 4.55 82.4)
- CMYK
- cmyk(0% 4% 10% 56%)
ティント · シェード · トーン
ティント
- 7D7A73
- 8B8782
- 999690
- A7A4A0
- B5B3AF
- C3C2BE
- D2D1CE
- E1E0DE
- F0EFEF
シェード
- 605D57
- 514E49
- 43403C
- 35322F
- 272522
- 1A1917
- 0E0D0C
- 040403
- 010000
トーン
- 726E68
- 73706A
- 75726D
- 767470
- 787672
- 7A7875
- 7B7A78
- 7D7C7B
- 7E7E7D
カラーハーモニー
補色 +180°
- 706C65
Volcanic Rock
- 696D74
≈ Wall Street
類似色 -30° +30°
- 706C65
Volcanic Rock
- 726B66
≈ Shot-Put
- 6C6D66
≈ Mined Coal
トライアド +120° +240°
- 706C65
Volcanic Rock
- 656F6F
≈ Nevada
- 706A71
≈ Wetbar
スプリットコンプリメンタリー +150° +210°
- 706C65
Volcanic Rock
- 666E72
≈ Batman
- 6C6B73
≈ Warpfiend Grey
テトラード +90° +180° +270°
- 706C65
Volcanic Rock
- 666F6C
≈ York River Green
- 696D74
≈ Wall Street
- 726A6D
≈ Deep Greige
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.02:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--volcanic-rock: #706c65;
--volcanic-rock-rgb: 112 108 101;
--volcanic-rock-oklch: oklch(0.533 0.012 81.8);
}
.element {
color: var(--volcanic-rock);
background-color: hsl(38 5% 42%);
border-color: oklch(0.533 0.012 81.8);
}Tailwind CSS v4
@theme {
--color-volcanic-rock: #706c65;
--color-volcanic-rock-50: #f7f5f1;
--color-volcanic-rock-100: #eae8e3;
--color-volcanic-rock-200: #d7d4cf;
--color-volcanic-rock-300: #bab7b1;
--color-volcanic-rock-400: #a29e97;
--color-volcanic-rock-500: #8a867e;
--color-volcanic-rock-600: #75716a;
--color-volcanic-rock-700: #5d5a55;
--color-volcanic-rock-800: #45423e;
--color-volcanic-rock-900: #2f2d2b;
--color-volcanic-rock-950: #1c1a18;
}SCSS
$volcanic-rock: #706c65;
$volcanic-rock-rgb: 112, 108, 101;
$volcanic-rock-light: mix(#fff, $volcanic-rock, 20%);
$volcanic-rock-dark: mix(#000, $volcanic-rock, 20%);
.element {
color: $volcanic-rock;
box-shadow: 0 0 0 2px rgba($volcanic-rock, 0.35);
}