パントン・サンドダラー 2006
Pantone Sand Dollar 2006
広色域(Display P3)比較
sRGB(従来のWeb標準)
#DECDBE
Display P3(広色域)
color(display-p3 0.86 0.81 0.75)
意味と歴史
由来
砂ドル(サンドダラー・海の無脊椎動物)の殻の色に由来。2006年のカラー・オブ・ザ・イヤー。
歴史
2006年、安らぎと自然回帰の欲求が高まる中、ビーチの砂浜を思わせるニュートラルなベージュとして選出。
心理的効果
穏やかさ・自然体・飾らない美しさを象徴し、心地よい安定感を与える温かなニュートラル色。
伝統的な用途
ナチュラル系インテリアやオーガニック化粧品のパッケージに影響を与え、ミニマルデザインの潮流を後押し。
CSSコード
HEX
#DECDBE RGB
rgb(222, 205, 190) CMYK
cmyk(0%, 8%, 14%, 13%) HSV
hsv(28, 14%, 87%) OKLCH
oklch(0.858 0.028 63.8) Display P3
color(display-p3 0.86 0.81 0.75) Munsell
2.5Y 8.3/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #DECDBE;
background-color: oklch(0.858 0.028 63.8);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.86 0.81 0.75);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.55:1
黒背景
13.58:1
白文字
1.55:1
黒文字
13.58: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型)
赤色の感度が低下
#D3CEBD
D型(2型)
緑色の感度が低下
#D7D1BE
T型(3型)
青色の感度が低下
#E4C9C9
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #DECDBE, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #DECDBE, #000000); 透明へ
background: linear-gradient(to right, #DECDBE, transparent); エクスポート
--color-pantone_sand_dollar_2006: #DECDBE;
--color-pantone_sand_dollar_2006-rgb: 222, 205, 190;
--color-pantone_sand_dollar_2006-oklch: 0.858 0.028 63.8; $color-pantone_sand_dollar_2006: #DECDBE;
$color-pantone_sand_dollar_2006-rgb: rgb(222, 205, 190);
$color-pantone_sand_dollar_2006-oklch: oklch(0.858 0.028 63.8); 'pantone_sand_dollar_2006': '#DECDBE', Color(red: 0.871, green: 0.804, blue: 0.745) {
"name": {
"ja": "パントン・サンドダラー 2006",
"en": "Pantone Sand Dollar 2006"
},
"hex": "#DECDBE",
"rgb": {
"r": 222,
"g": 205,
"b": 190
},
"cmyk": {
"c": 0,
"m": 8,
"y": 14,
"k": 13
},
"oklch": {
"l": 0.858,
"c": 0.028,
"h": 63.8
},
"displayP3": {
"r": 0.86,
"g": 0.81,
"b": 0.75
},
"hsv": {
"h": 28,
"s": 14,
"v": 87
},
"munsell": "2.5Y 8.3/2"
}