ベイカー・ミラー・ピンク
べいかーみらーぴんく | Baker-Miller Pink
広色域(Display P3)比較
sRGB(従来のWeb標準)
#FF91AF
Display P3(広色域)
color(display-p3 0.9419 0.59 0.6856)
意味と歴史
由来
ベイカー・ミラー・ピンクはP-618、シャウス・ピンク、ドランクタンク・ピンクとも呼ばれるピンク色で、白い室内用ラテックス塗料と赤い半光沢外装用塗料を体積比1:8で混合して作られた。
歴史
1960年代後半、ワシントン州タコマのアメリカ生物社会学研究所所長アレクサンダー・シャウスがピンク色の心理的・生理的影響を研究した。1979年にシアトルの海軍矯正施設の独房をこのピンク色に塗装する実験を行い、施設長のベイカーとミラーにちなんで命名された。
心理的効果
敵対的・暴力的・攻撃的行動を一時的に低減する効果が観察された。わずか15分間の曝露で暴力や攻撃的行動の可能性が低下したと報告されている。ただし後続の追試研究では結果が矛盾しており、20分を超えると逆効果になるとの報告もある。
伝統的な用途
米国および欧州の矯正施設で独房の塗装に使用された。2015年時点でスイスの刑務所・警察署の20%がピンク色の独房を少なくとも1室有する。アイオワ大学のキニックスタジアムでは対戦相手のロッカールームがこの色で塗装されており、アートやファッションの分野でも使用されている。
CSSコード
HEX
#FF91AF RGB
rgb(255, 145, 175) CMYK
cmyk(0%, 43.1%, 31.4%, 0%) HSV
hsv(343.6, 43.1%, 100%) OKLCH
oklch(78.15% 0.1358 3.22) Display P3
color(display-p3 0.9419 0.59 0.6856) Munsell
3RP 7/8 CIE XYZ
XYZ(0.59106, 0.44611, 0.46047) CIE L*a*b*
Lab(72.63, 44.73, 2.7) CIE LCH(ab)
LCH(72.63, 44.81, 3.45°) CIE L*u*v*
Luv(72.63, 70.85, -4.66) Hunter Lab
Hunter Lab(66.79, 45.35, 2.33) xyY
xyY(0.39466, 0.29788, 0.44611) JzAzBz
JzAzBz(0.011728, 0.009878, 0.001824) JzCzHz
JzCzHz(0.011728, 0.010045, 10.46°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #FF91AF;
background-color: oklch(78.15% 0.1358 3.22);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.9419 0.59 0.6856);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
2.12:1
黒背景
9.92:1
白文字
2.12:1
黒文字
9.92: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型)
赤色の感度が低下
#A2A6B0
D型(2型)
緑色の感度が低下
#BEBAAD
T型(3型)
青色の感度が低下
#FF899C
配色提案
この配色は現代のデザインシステムにおける色彩理論と、ユニバーサルデザインのアクセシビリティ原則に基づいています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック(正方形)
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック(長方形)
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
伝統的な配色の提案
同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。
グラデーション
ティント(明るく)
background: linear-gradient(to right, #FF91AF, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #FF91AF, #000000); 透明へ
background: linear-gradient(to right, #FF91AF, transparent); エクスポート
--color-baker_miller_pink: #FF91AF;
--color-baker_miller_pink-rgb: 255, 145, 175;
--color-baker_miller_pink-oklch: 78.15% 0.1358 3.22; $color-baker_miller_pink: #FF91AF;
$color-baker_miller_pink-rgb: rgb(255, 145, 175);
$color-baker_miller_pink-oklch: oklch(78.15% 0.1358 3.22); 'baker_miller_pink': '#FF91AF', Color(red: 1.000, green: 0.569, blue: 0.686) {
"name": {
"ja": "ベイカー・ミラー・ピンク",
"en": "Baker-Miller Pink",
"reading": "べいかーみらーぴんく"
},
"hex": "#FF91AF",
"rgb": {
"r": 255,
"g": 145,
"b": 175
},
"cmyk": {
"c": 0,
"m": 43.1,
"y": 31.4,
"k": 0
},
"oklch": {
"l": 78.15,
"c": 0.1358,
"h": 3.22
},
"displayP3": {
"r": 0.9419,
"g": 0.59,
"b": 0.6856
},
"hsv": {
"h": 343.6,
"s": 43.1,
"v": 100
},
"munsell": "3RP 7/8"
}