柿色
かきいろ | Persimmon Orange
広色域（Display P3）比較
sRGB（従来のWeb標準）
#C16B2A
Display P3（広色域）
color(display-p3 0.71 0.44 0.22)
意味と歴史
由来
秋に実る柿の果実の鮮やかな橙色に由来する。日本の秋の風景に欠かせない柿の木は、里山の民家の庭先に実る身近な果物で、その温かみのある橙色は収穫の喜びと秋の豊かさを象徴する、日本人に最も親しまれた果物の色である。
歴史
柿は奈良時代以前から日本で栽培され、正岡子規の「柿くへば鐘が鳴るなり法隆寺」は最も有名な柿の俳句として知られる。秋の里山に実る柿の色は日本の原風景そのものであり、干し柿は冬の保存食として庶民の暮らしを支えてきた。
心理的効果
秋の実り、温かみ、素朴な幸福感を感じさせる。鮮やかな橙色は秋の収穫の喜びと太陽の温もりを象徴し、田舎の庭先に実る柿の木を連想させることで、故郷への懐かしさと日本の原風景への郷愁を呼び覚ます温かい色である。
伝統的な用途
秋の和菓子や食器の彩り、着物の秋の柄として広く使われた。柿渋は防水塗料として和傘にも用いられ、現代では秋のインテリアや食品パッケージのシーズンカラーとして、ハロウィンの橙色とも相まって幅広い場面で親しまれている。
CSSコード
HEX
#C16B2A RGB
rgb(193, 107, 42) CMYK
cmyk(0%, 45%, 78%, 24%) HSV
hsv(26, 78%, 76%) OKLCH
oklch(0.615 0.133 53.7) Display P3
color(display-p3 0.71 0.44 0.22) Munsell
5YR 5.4/10 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #C16B2A;
background-color: oklch(0.615 0.133 53.7);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.71 0.44 0.22);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.89:1
黒背景
5.40:1
白文字
3.89:1
黒文字
5.40: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型）
赤色の感度が低下
#847521
D型（2型）
緑色の感度が低下
#998929
T型（3型）
青色の感度が低下
#D3585E
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #C16B2A, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #C16B2A, #000000); 透明へ
background: linear-gradient(to right, #C16B2A, transparent); エクスポート
--color-kakiiro3: #C16B2A;
--color-kakiiro3-rgb: 193, 107, 42;
--color-kakiiro3-oklch: 0.615 0.133 53.7;$color-kakiiro3: #C16B2A;
$color-kakiiro3-rgb: rgb(193, 107, 42);
$color-kakiiro3-oklch: oklch(0.615 0.133 53.7);'kakiiro3': '#C16B2A',Color(red: 0.757, green: 0.420, blue: 0.165){
"name": {
"ja": "柿色",
"en": "Persimmon Orange",
"reading": "かきいろ"
},
"hex": "#C16B2A",
"rgb": {
"r": 193,
"g": 107,
"b": 42
},
"cmyk": {
"c": 0,
"m": 45,
"y": 78,
"k": 24
},
"oklch": {
"l": 0.615,
"c": 0.133,
"h": 53.7
},
"displayP3": {
"r": 0.71,
"g": 0.44,
"b": 0.22
},
"hsv": {
"h": 26,
"s": 78,
"v": 76
},
"munsell": "5YR 5.4/10"
}