若草色
わかくさいろ | Young Grass
広色域（Display P3）比較
sRGB（従来のWeb標準）
#B9D08B
Display P3（広色域）
color(display-p3 0.74 0.81 0.57)
意味と歴史
由来
春に芽吹く若い草の明るい緑色に由来する色名。雪解けの後に萌え出る若草の瑞々しい緑で、万葉集にも「若草の」という枕詞として使われた古代からの色名。新妻や若者の比喩でもある
歴史
万葉集に「若草の妻」として詠まれた古代からの色名で、春の野に萌え出る草の色は日本人の原初的な春の喜びを象徴する。源氏物語の若紫の巻にも若草の比喩が用いられる文学的な色である
心理的効果
若々しさと生命力を感じさせる色であり、春の訪れとともに大地を覆う若草のように、みずみずしい生命のエネルギーと新鮮な感動を与える。青春や初々しさの象徴として心を軽やかにする
伝統的な用途
春の装束や和菓子の草餅の色として用いられ、着物の文様にも若草の意匠が取り入れられた。現代では春の商品パッケージやヘルスケア関連のデザイン、オーガニック食品のブランディングに活用される
CSSコード
HEX
#B9D08B RGB
rgb(185, 208, 139) CMYK
cmyk(11%, 0%, 33%, 18%) HSV
hsv(80, 33%, 82%) OKLCH
oklch(0.824 0.095 123.5) Display P3
color(display-p3 0.74 0.81 0.57) Munsell
5GY 8/6 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #B9D08B;
background-color: oklch(0.824 0.095 123.5);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.74 0.81 0.57);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.69:1
黒背景
12.46:1
白文字
1.69:1
黒文字
12.46: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型）
赤色の感度が低下
#D8C886
D型（2型）
緑色の感度が低下
#D5C78E
T型（3型）
青色の感度が低下
#BEC9BE
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #B9D08B, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #B9D08B, #000000); 透明へ
background: linear-gradient(to right, #B9D08B, transparent); エクスポート
--color-wakakusairo2: #B9D08B;
--color-wakakusairo2-rgb: 185, 208, 139;
--color-wakakusairo2-oklch: 0.824 0.095 123.5;$color-wakakusairo2: #B9D08B;
$color-wakakusairo2-rgb: rgb(185, 208, 139);
$color-wakakusairo2-oklch: oklch(0.824 0.095 123.5);'wakakusairo2': '#B9D08B',Color(red: 0.725, green: 0.816, blue: 0.545){
"name": {
"ja": "若草色",
"en": "Young Grass",
"reading": "わかくさいろ"
},
"hex": "#B9D08B",
"rgb": {
"r": 185,
"g": 208,
"b": 139
},
"cmyk": {
"c": 11,
"m": 0,
"y": 33,
"k": 18
},
"oklch": {
"l": 0.824,
"c": 0.095,
"h": 123.5
},
"displayP3": {
"r": 0.74,
"g": 0.81,
"b": 0.57
},
"hsv": {
"h": 80,
"s": 33,
"v": 82
},
"munsell": "5GY 8/6"
}