#9DA1BA
#9DA1BA
#BAB69D
#BAB69D
カラー値
| フォーマット | #9DA1BA | #BAB69D |
|---|---|---|
| HEX | #9DA1BA | #BAB69D |
| RGB | 157, 161, 186 | 186, 182, 157 |
| HSL | 231.7, 17.4%, 67.3% | 51.7, 17.4%, 67.3% |
| HSV | 231.7, 15.6%, 72.9% | 51.7, 15.6%, 72.9% |
| CMYK | 15.6%, 13.4%, 0.0%, 27.1% | 0.0%, 2.2%, 15.6%, 27.1% |
| OKLCH | 0.7141 0.0365 278.2 | 0.7728 0.0347 99.7 |
コントラストとアクセシビリティ
1.25:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BAB69D → 背景色: #9DA1BA
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9DA1BA → 背景色: #BAB69D
色差 (Delta E)
28.32
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #9DA1BA, #BAB69D);
background: linear-gradient(135deg, #9DA1BA, #BAB69D);