#161F9B
#161F9B
#9B9216
#9B9216
カラー値
| フォーマット | #161F9B | #9B9216 |
|---|---|---|
| HEX | #161F9B | #9B9216 |
| RGB | 22, 31, 155 | 155, 146, 22 |
| HSL | 235.9, 75.1%, 34.7% | 55.9, 75.1%, 34.7% |
| HSV | 235.9, 85.8%, 60.8% | 55.9, 85.8%, 60.8% |
| CMYK | 85.8%, 80.0%, 0.0%, 39.2% | 0.0%, 5.8%, 85.8%, 39.2% |
| OKLCH | 0.3459 0.1928 268.2 | 0.6477 0.1318 104.9 |
コントラストとアクセシビリティ
3.83:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9B9216 → 背景色: #161F9B
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #161F9B → 背景色: #9B9216
色差 (Delta E)
141.62
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #161F9B, #9B9216);
background: linear-gradient(135deg, #161F9B, #9B9216);