瑠璃紺
るりこん | Lapis Lazuli Blue
広色域（Display P3）比較
sRGB（従来のWeb標準）
#1B3F8B
Display P3（広色域）
color(display-p3 0.14 0.24 0.53)
意味と歴史
由来
仏教の七宝のひとつ「瑠璃」（ラピスラズリ）の深い紺青色に由来する色名。瑠璃はサンスクリット語の「ヴァイドゥーリヤ」を漢訳した語で、金・銀・珊瑚・瑪瑙などとともに七つの宝のひとつとして仏典に記される貴石である。
歴史
古くから仏教美術において最も神聖な青として重要視され、薬師瑠璃光如来の「瑠璃」の名にも冠された。法隆寺の玉虫厨子や正倉院の宝物にも瑠璃色が見られ、平安時代の貴族たちもこの色を珍重して調度品や装身具に用いた。
心理的効果
深い精神性と知性、静寂を感じさせる色で、瞑想や祈りの場にふさわしい厳かな雰囲気を醸し出す。宇宙の深淵にも似た濃い青は集中力を高め、雑念を払い清浄な精神状態へと導く力があるとされ、修行僧にも愛された色である。
伝統的な用途
仏教美術の仏像彩色や曼荼羅、藍染めの深染め、有田焼や伊万里焼など陶磁器の呉須絵付けに広く用いられてきた。現代でも寺院の内装や仏壇の装飾に欠かせない色であり、高級陶磁器やガラス工芸の深い青にもその伝統が生きている。
CSSコード
HEX
#1B3F8B RGB
rgb(27, 63, 139) CMYK
cmyk(81%, 55%, 0%, 45%) HSV
hsv(221, 81%, 55%) OKLCH
oklch(0.39 0.134 262.8) Display P3
color(display-p3 0.14 0.24 0.53) Munsell
7.5PB 2.9/8 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #1B3F8B;
background-color: oklch(0.39 0.134 262.8);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.14 0.24 0.53);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
9.86:1
黒背景
2.13:1
白文字
9.86:1
黒文字
2.13: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型）
赤色の感度が低下
#04498E
D型（2型）
緑色の感度が低下
#003E8A
T型（3型）
青色の感度が低下
#00525E
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #1B3F8B, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #1B3F8B, #000000); 透明へ
background: linear-gradient(to right, #1B3F8B, transparent); エクスポート
--color-rurikon: #1B3F8B;
--color-rurikon-rgb: 27, 63, 139;
--color-rurikon-oklch: 0.39 0.134 262.8;$color-rurikon: #1B3F8B;
$color-rurikon-rgb: rgb(27, 63, 139);
$color-rurikon-oklch: oklch(0.39 0.134 262.8);'rurikon': '#1B3F8B',Color(red: 0.106, green: 0.247, blue: 0.545){
"name": {
"ja": "瑠璃紺",
"en": "Lapis Lazuli Blue",
"reading": "るりこん"
},
"hex": "#1B3F8B",
"rgb": {
"r": 27,
"g": 63,
"b": 139
},
"cmyk": {
"c": 81,
"m": 55,
"y": 0,
"k": 45
},
"oklch": {
"l": 0.39,
"c": 0.134,
"h": 262.8
},
"displayP3": {
"r": 0.14,
"g": 0.24,
"b": 0.53
},
"hsv": {
"h": 221,
"s": 81,
"v": 55
},
"munsell": "7.5PB 2.9/8"
}