撫子色
なでしこいろ | Dianthus Pink
広色域(Display P3)比較
sRGB(従来のWeb標準)
#EEBBCB
Display P3(広色域)
color(display-p3 0.9 0.74 0.79)
意味と歴史
由来
秋の七草のひとつ・大和撫子の花の淡いピンク色に由来する。花弁の先が細かく裂けた繊細な姿が、撫でるようにいとおしい子供の意味で「撫子」と名づけられた、日本の美意識を映す色名である。
歴史
万葉集に二十六首も詠まれた人気の花で、「大和撫子」は後に日本女性の美称となった。清楚で慎み深く、しかし芯の強い日本女性の理想像を象徴する言葉として、現在も広く使われている。
心理的効果
可憐さ、清らかな美しさ、母性的な温かさを感じさせる。淡いピンクの繊細な色合いは、優しさの中に凛とした気品を秘め、見る者の心を和ませると同時に、守りたいという慈しみの感情を呼び覚ます。
伝統的な用途
女性の着物や帯の意匠として広く用いられ、秋の重ね色目「撫子」は平安貴族の装いに欠かせなかった。現代でも浴衣や小紋の柄として根強い人気があり、和菓子の銘にもしばしば用いられている。
CSSコード
HEX
#EEBBCB RGB
rgb(238, 187, 203) CMYK
cmyk(0%, 21%, 15%, 7%) HSV
hsv(341, 21%, 93%) OKLCH
oklch(0.842 0.062 357.7) Display P3
color(display-p3 0.9 0.74 0.79) Munsell
5RP 8.1/4 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #EEBBCB;
background-color: oklch(0.842 0.062 357.7);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.9 0.74 0.79);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.67:1
黒背景
12.61:1
白文字
1.67:1
黒文字
12.61: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型)
赤色の感度が低下
#C1C3CC
D型(2型)
緑色の感度が低下
#CCCCCA
T型(3型)
青色の感度が低下
#F7B9C0
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #EEBBCB, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #EEBBCB, #000000); 透明へ
background: linear-gradient(to right, #EEBBCB, transparent); エクスポート
--color-nadeshikoiro: #EEBBCB;
--color-nadeshikoiro-rgb: 238, 187, 203;
--color-nadeshikoiro-oklch: 0.842 0.062 357.7; $color-nadeshikoiro: #EEBBCB;
$color-nadeshikoiro-rgb: rgb(238, 187, 203);
$color-nadeshikoiro-oklch: oklch(0.842 0.062 357.7); 'nadeshikoiro': '#EEBBCB', Color(red: 0.933, green: 0.733, blue: 0.796) {
"name": {
"ja": "撫子色",
"en": "Dianthus Pink",
"reading": "なでしこいろ"
},
"hex": "#EEBBCB",
"rgb": {
"r": 238,
"g": 187,
"b": 203
},
"cmyk": {
"c": 0,
"m": 21,
"y": 15,
"k": 7
},
"oklch": {
"l": 0.842,
"c": 0.062,
"h": 357.7
},
"displayP3": {
"r": 0.9,
"g": 0.74,
"b": 0.79
},
"hsv": {
"h": 341,
"s": 21,
"v": 93
},
"munsell": "5RP 8.1/4"
}