甕覗
かめのぞき | Lightest Indigo
広色域（Display P3）比較
sRGB（従来のWeb標準）
#C5E4ED
Display P3（広色域）
color(display-p3 0.8 0.89 0.92)
意味と歴史
由来
藍甕（あいがめ）をほんの一瞬覗いただけのような、極めて薄い藍色に由来する色名。藍液を湛えた甕の表面に映る空のように淡い青を「甕を覗いた程度の色」と表現した詩的な命名で、日本の色名の中でも最も風雅な由来を持つ色のひとつである。
歴史
藍染めで最も薄い段階の色で、藍液にほんの一度浸けた程度の淡さである。藍四十八色の中で最も淡い色として知られ、江戸時代の藍染め職人たちが微妙な濃淡を識別する熟練の技を持っていたことを示す。この色の名前自体が一篇の詩のようである。
心理的効果
清らかさと淡い期待、繊細な美しさを感じさせる色で、早朝の空がほのかに色づき始める瞬間のような微かな青みを持つ。ほとんど白に近い淡さの中にある僅かな藍の気配が、見る者の心に密やかな期待感と静かなときめきをそっと運んでくれる。
伝統的な用途
夏の薄物の絽や紗の着物、上品な礼装の襦袢、涼やかな夏の装飾に用いられた。現代では結婚式のテーブルリネンや高級和紙の便箋にこの淡い藍が好まれ、化粧品のパッケージや清潔感を求めるブランドのカラーとしても採用されている。
CSSコード
HEX
#C5E4ED RGB
rgb(197, 228, 237) CMYK
cmyk(17%, 4%, 0%, 7%) HSV
hsv(193, 17%, 93%) OKLCH
oklch(0.899 0.035 217.3) Display P3
color(display-p3 0.8 0.89 0.92) Munsell
2.5B 8.9/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #C5E4ED;
background-color: oklch(0.899 0.035 217.3);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.8 0.89 0.92);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.34:1
黒背景
15.69:1
白文字
1.34:1
黒文字
15.69: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型）
赤色の感度が低下
#DEE2EE
D型（2型）
緑色の感度が低下
#D7DCED
T型（3型）
青色の感度が低下
#BAE8E7
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #C5E4ED, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #C5E4ED, #000000); 透明へ
background: linear-gradient(to right, #C5E4ED, transparent); エクスポート
--color-kamenozoki: #C5E4ED;
--color-kamenozoki-rgb: 197, 228, 237;
--color-kamenozoki-oklch: 0.899 0.035 217.3;$color-kamenozoki: #C5E4ED;
$color-kamenozoki-rgb: rgb(197, 228, 237);
$color-kamenozoki-oklch: oklch(0.899 0.035 217.3);'kamenozoki': '#C5E4ED',Color(red: 0.773, green: 0.894, blue: 0.929){
"name": {
"ja": "甕覗",
"en": "Lightest Indigo",
"reading": "かめのぞき"
},
"hex": "#C5E4ED",
"rgb": {
"r": 197,
"g": 228,
"b": 237
},
"cmyk": {
"c": 17,
"m": 4,
"y": 0,
"k": 7
},
"oklch": {
"l": 0.899,
"c": 0.035,
"h": 217.3
},
"displayP3": {
"r": 0.8,
"g": 0.89,
"b": 0.92
},
"hsv": {
"h": 193,
"s": 17,
"v": 93
},
"munsell": "2.5B 8.9/2"
}