#20249B
#20249B
#9B9720
#9B9720
カラー値
| フォーマット | #20249B | #9B9720 |
|---|---|---|
| HEX | #20249B | #9B9720 |
| RGB | 32, 36, 155 | 155, 151, 32 |
| HSL | 238.0, 65.8%, 36.7% | 58.0, 65.8%, 36.7% |
| HSV | 238.0, 79.4%, 60.8% | 58.0, 79.4%, 60.8% |
| CMYK | 79.4%, 76.8%, 0.0%, 39.2% | 0.0%, 2.6%, 79.4%, 39.2% |
| OKLCH | 0.3575 0.1856 270.8 | 0.6594 0.132 107.5 |
コントラストとアクセシビリティ
3.83:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9B9720 → 背景色: #20249B
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #20249B → 背景色: #9B9720
色差 (Delta E)
138.18
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #20249B, #9B9720);
background: linear-gradient(135deg, #20249B, #9B9720);