カーネーション
Carnation
広色域（Display P3）比較
sRGB（従来のWeb標準）
#FFA6C9
Display P3（広色域）
color(display-p3 0.95 0.67 0.78)
意味と歴史
由来
カーネーション（Dianthus caryophyllus）の花弁のピンク色に由来する。ラテン語のcarnatio（肉色）が語源ともされ、母の日の花として世界的に知られる花の色である。
歴史
1907年にアメリカのアンナ・ジャーヴィスが母の追悼に白いカーネーションを配ったことから母の日が始まった。赤は健在の母、白は亡き母への献花として定着した。
心理的効果
母への愛と感謝を象徴する柔らかなピンク色であり、無条件の愛情と温かい抱擁を連想させる。親密な人間関係の温もりと、大切な人への想いを体現する色である。
伝統的な用途
母の日の贈り花（赤・ピンク・白）、ウェディングブーケ、フローリストリーの基本花材、パステルカラーのファッションに使用される。
CSSコード
HEX
#FFA6C9 RGB
rgb(255, 166, 201) CMYK
cmyk(0%, 35%, 21%, 0%) HSV
hsv(336, 35%, 100%) OKLCH
oklch(0.823 0.113 354.6) Display P3
color(display-p3 0.95 0.67 0.78) Munsell
2.5RP 7.8/6 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #FFA6C9;
background-color: oklch(0.823 0.113 354.6);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.95 0.67 0.78);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.82:1
黒背景
11.55:1
白文字
1.82:1
黒文字
11.55: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型）
赤色の感度が低下
#B0B7CA
D型（2型）
緑色の感度が低下
#C6C6C7
T型（3型）
青色の感度が低下
#FFA2B2
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #FFA6C9, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #FFA6C9, #000000); 透明へ
background: linear-gradient(to right, #FFA6C9, transparent); エクスポート
--color-carnation: #FFA6C9;
--color-carnation-rgb: 255, 166, 201;
--color-carnation-oklch: 0.823 0.113 354.6;$color-carnation: #FFA6C9;
$color-carnation-rgb: rgb(255, 166, 201);
$color-carnation-oklch: oklch(0.823 0.113 354.6);'carnation': '#FFA6C9',Color(red: 1.000, green: 0.651, blue: 0.788){
"name": {
"ja": "カーネーション",
"en": "Carnation"
},
"hex": "#FFA6C9",
"rgb": {
"r": 255,
"g": 166,
"b": 201
},
"cmyk": {
"c": 0,
"m": 35,
"y": 21,
"k": 0
},
"oklch": {
"l": 0.823,
"c": 0.113,
"h": 354.6
},
"displayP3": {
"r": 0.95,
"g": 0.67,
"b": 0.78
},
"hsv": {
"h": 336,
"s": 35,
"v": 100
},
"munsell": "2.5RP 7.8/6"
}