ダスティローズ
Dusty Rose
広色域（Display P3）比較
sRGB（従来のWeb標準）
#DCAE96
Display P3（広色域）
color(display-p3 0.83 0.69 0.6)
意味と歴史
由来
ローズ（バラ）の花びらが乾燥して退色した際の灰みがかったくすんだピンク色に由来する。鮮やかなバラ色をミュートにした、ヴィンテージ感のあるニュアンスカラーである。
歴史
1920年代のアール・デコ期にファッション色として登場し、2010年代にはミレニアルピンクのトレンドの中で再評価された。ヴィンテージウェディングの定番色でもある。
心理的効果
時間の経過が生む退色した美しさが、ノスタルジックな温もりと控えめな優雅さを感じさせる。鮮やかなピンクの若さを過ぎた、成熟した女性的な美しさを体現する色である。
伝統的な用途
ヴィンテージウェディングのテーマカラー、2010年代のミレニアルピンクの系譜、北欧インテリアの壁面色、サステナブルファッションのニュアンスカラーとして使用される。
CSSコード
HEX
#DCAE96 RGB
rgb(220, 174, 150) CMYK
cmyk(0%, 21%, 32%, 14%) HSV
hsv(21, 32%, 86%) OKLCH
oklch(0.786 0.063 48.9) Display P3
color(display-p3 0.83 0.69 0.6) Munsell
5YR 7.5/4 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #DCAE96;
background-color: oklch(0.786 0.063 48.9);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.83 0.69 0.6);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.99:1
黒背景
10.54:1
白文字
1.99:1
黒文字
10.54: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型）
赤色の感度が低下
#BAB294
D型（2型）
緑色の感度が低下
#C5BB96
T型（3型）
青色の感度が低下
#E9A6A7
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #DCAE96, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #DCAE96, #000000); 透明へ
background: linear-gradient(to right, #DCAE96, transparent); エクスポート
--color-dusty_rose: #DCAE96;
--color-dusty_rose-rgb: 220, 174, 150;
--color-dusty_rose-oklch: 0.786 0.063 48.9;$color-dusty_rose: #DCAE96;
$color-dusty_rose-rgb: rgb(220, 174, 150);
$color-dusty_rose-oklch: oklch(0.786 0.063 48.9);'dusty_rose': '#DCAE96',Color(red: 0.863, green: 0.682, blue: 0.588){
"name": {
"ja": "ダスティローズ",
"en": "Dusty Rose"
},
"hex": "#DCAE96",
"rgb": {
"r": 220,
"g": 174,
"b": 150
},
"cmyk": {
"c": 0,
"m": 21,
"y": 32,
"k": 14
},
"oklch": {
"l": 0.786,
"c": 0.063,
"h": 48.9
},
"displayP3": {
"r": 0.83,
"g": 0.69,
"b": 0.6
},
"hsv": {
"h": 21,
"s": 32,
"v": 86
},
"munsell": "5YR 7.5/4"
}