蒲色
がまいろ | Cattail
広色域（Display P3）比較
sRGB（従来のWeb標準）
#D38236
Display P3（広色域）
color(display-p3 0.78 0.52 0.27)
意味と歴史
由来
水辺に自生する蒲（ガマ）の穂が秋に茶褐色に熟した時の色に由来する。蒲の穂綿は因幡の白兎の神話にも登場し、古来から日本人に親しまれてきた植物で、その実りの色は秋の湿地帯の風景を象徴する色名である。
歴史
蒲は古くから生活に密着した植物で、穂綿は布団の詰め物、葉は簾や莚の材料として広く利用された。「蒲団」の語源でもあり、蒲色はこの実用的な植物と日本人の暮らしの深い結びつきを色名に残した、生活文化の色である。
心理的効果
素朴さ、自然の温もり、秋の穏やかな実りを感じさせる。水辺に揺れる蒲の穂を連想させる温かな褐色は、自然の中で静かに実りを迎える植物のように、控えめだが確かな存在感と、穏やかな安らぎを伝える色である。
伝統的な用途
工芸品の素材色や着物の秋の染め色として用いられた。蒲の穂は秋のいけばなの花材としても重宝され、現代ではナチュラルインテリアのアクセントカラーや、秋の和菓子の色として季節感を演出する色に取り入れられている。
CSSコード
HEX
#D38236 RGB
rgb(211, 130, 54) CMYK
cmyk(0%, 38%, 74%, 17%) HSV
hsv(29, 74%, 83%) OKLCH
oklch(0.679 0.134 60.1) Display P3
color(display-p3 0.78 0.52 0.27) Munsell
7.5YR 6.2/10 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #D38236;
background-color: oklch(0.679 0.134 60.1);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.78 0.52 0.27);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
2.99:1
黒背景
7.02:1
白文字
2.99:1
黒文字
7.02: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型）
赤色の感度が低下
#9B8A2C
D型（2型）
緑色の感度が低下
#AE9C37
T型（3型）
青色の感度が低下
#E67072
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #D38236, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #D38236, #000000); 透明へ
background: linear-gradient(to right, #D38236, transparent); エクスポート
--color-kinzougeiroiro: #D38236;
--color-kinzougeiroiro-rgb: 211, 130, 54;
--color-kinzougeiroiro-oklch: 0.679 0.134 60.1;$color-kinzougeiroiro: #D38236;
$color-kinzougeiroiro-rgb: rgb(211, 130, 54);
$color-kinzougeiroiro-oklch: oklch(0.679 0.134 60.1);'kinzougeiroiro': '#D38236',Color(red: 0.827, green: 0.510, blue: 0.212){
"name": {
"ja": "蒲色",
"en": "Cattail",
"reading": "がまいろ"
},
"hex": "#D38236",
"rgb": {
"r": 211,
"g": 130,
"b": 54
},
"cmyk": {
"c": 0,
"m": 38,
"y": 74,
"k": 17
},
"oklch": {
"l": 0.679,
"c": 0.134,
"h": 60.1
},
"displayP3": {
"r": 0.78,
"g": 0.52,
"b": 0.27
},
"hsv": {
"h": 29,
"s": 74,
"v": 83
},
"munsell": "7.5YR 6.2/10"
}