インディアン・スレートグレー
Indian Slate Grey | स्लेट ग्रे
広色域(Display P3)比較
sRGB(従来のWeb標準)
#6B7B8D
Display P3(広色域)
color(display-p3 0.43 0.48 0.55)
意味と歴史
由来
インド各地で採掘される石板(スレート)の青みがかった灰色に由来する。特にラジャスタン州やヒマーチャル・プラデーシュ州で産出される高品質のスレートの色である。
歴史
インドの伝統的な建築において石板は屋根材や床材として広く使用され、イギリス植民地時代には学校の筆記板(スレート板)としてインドの教育制度に深く関わった石材である。
心理的効果
岩石のような揺るぎない安定感と信頼性、華美を排した控えめな強さ、そして大地の奥深くに眠る知恵の蓄積を象徴する。堅実さと知性を感じさせる灰色である。
伝統的な用途
インドの伝統的な石造建築の屋根材と床材、ムガル時代の城塞の石壁、学校の石板(チョークスレート)、そして現代のインドの建築素材として使用される。
CSSコード
HEX
#6B7B8D RGB
rgb(107, 123, 141) CMYK
cmyk(24%, 13%, 0%, 45%) HSV
hsv(212, 24%, 55%) OKLCH
oklch(0.569 0.035 249) Display P3
color(display-p3 0.43 0.48 0.55) Munsell
10B 5.1/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #6B7B8D;
background-color: oklch(0.569 0.035 249);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.43 0.48 0.55);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
4.34:1
黒背景
4.84:1
白文字
4.34:1
黒文字
4.84:1
配色シミュレーター
この色を背景やテキストに使用した場合のプレビューです。
白テキスト — The quick brown fox
黒テキスト — The quick brown fox
色の上にテキストを配置した場合の可読性を確認できます。見出し・本文・リンクなど、さまざまなサイズで試してみてください。
白背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
黒背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
色覚シミュレーション
P型(1型)
赤色の感度が低下
#757B8E
D型(2型)
緑色の感度が低下
#71788D
T型(3型)
青色の感度が低下
#627F81
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #6B7B8D, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #6B7B8D, #000000); 透明へ
background: linear-gradient(to right, #6B7B8D, transparent); エクスポート
--color-slate_grey_indian: #6B7B8D;
--color-slate_grey_indian-rgb: 107, 123, 141;
--color-slate_grey_indian-oklch: 0.569 0.035 249; $color-slate_grey_indian: #6B7B8D;
$color-slate_grey_indian-rgb: rgb(107, 123, 141);
$color-slate_grey_indian-oklch: oklch(0.569 0.035 249); 'slate_grey_indian': '#6B7B8D', Color(red: 0.420, green: 0.482, blue: 0.553) {
"name": {
"ja": "インディアン・スレートグレー",
"en": "Indian Slate Grey",
"local": "स्लेट ग्रे"
},
"hex": "#6B7B8D",
"rgb": {
"r": 107,
"g": 123,
"b": 141
},
"cmyk": {
"c": 24,
"m": 13,
"y": 0,
"k": 45
},
"oklch": {
"l": 0.569,
"c": 0.035,
"h": 249
},
"displayP3": {
"r": 0.43,
"g": 0.48,
"b": 0.55
},
"hsv": {
"h": 212,
"s": 24,
"v": 55
},
"munsell": "10B 5.1/2"
}