紫紺
しこん | Purple Navy
広色域（Display P3）比較
sRGB（従来のWeb標準）
#2E2930
Display P3（広色域）
color(display-p3 0.18 0.16 0.19)
意味と歴史
由来
紫と紺を合わせた、黒に近いほど暗く深い紫色。紫の高貴さと紺の堅実さが融合した重厚な色調で、夜空の最も暗い部分や深海の底を思わせる、限りなく黒に近づきながらもわずかに紫の気配を残す色である。
歴史
武家社会において重厚さと格式を兼ね備えた色として好まれ、高位の武士の装束や儀式の場で用いられた。紫の高貴さを保ちながら黒に近い実用性も持つこの色は、武士の威厳と実質を両立させる理想的な色であった。
心理的効果
荘厳さ、深い精神性、威風堂々とした存在感を感じさせる。ほぼ黒に見えながらもわずかに紫の気配を感じさせる色調は、表面的には控えめでありながら内に秘めた高貴さと深い教養を暗示する、奥深い色である。
伝統的な用途
武家の正装や儀式の装束、帯の色として用いられた。現代では男性の紋付袴や格式の高い場面の和装に選ばれるほか、高級ブランドのパッケージやロゴにも重厚さと品格を表現する色として広く採用されている。
CSSコード
HEX
#2E2930 RGB
rgb(46, 41, 48) CMYK
cmyk(4%, 15%, 0%, 81%) HSV
hsv(283, 15%, 19%) OKLCH
oklch(0.289 0.014 316.3) Display P3
color(display-p3 0.18 0.16 0.19) Munsell
2.5P 1.7/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #2E2930;
background-color: oklch(0.289 0.014 316.3);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.18 0.16 0.19);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
14.23:1
黒背景
1.48:1
白文字
14.23:1
黒文字
1.48: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型）
赤色の感度が低下
#282A30
D型（2型）
緑色の感度が低下
#292B30
T型（3型）
青色の感度が低下
#2E2A2B
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #2E2930, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #2E2930, #000000); 透明へ
background: linear-gradient(to right, #2E2930, transparent); エクスポート
--color-shikon: #2E2930;
--color-shikon-rgb: 46, 41, 48;
--color-shikon-oklch: 0.289 0.014 316.3;$color-shikon: #2E2930;
$color-shikon-rgb: rgb(46, 41, 48);
$color-shikon-oklch: oklch(0.289 0.014 316.3);'shikon': '#2E2930',Color(red: 0.180, green: 0.161, blue: 0.188){
"name": {
"ja": "紫紺",
"en": "Purple Navy",
"reading": "しこん"
},
"hex": "#2E2930",
"rgb": {
"r": 46,
"g": 41,
"b": 48
},
"cmyk": {
"c": 4,
"m": 15,
"y": 0,
"k": 81
},
"oklch": {
"l": 0.289,
"c": 0.014,
"h": 316.3
},
"displayP3": {
"r": 0.18,
"g": 0.16,
"b": 0.19
},
"hsv": {
"h": 283,
"s": 15,
"v": 19
},
"munsell": "2.5P 1.7/2"
}