#4B39AF
#4B39AF
#9DAF39
#9DAF39
カラー値
| フォーマット | #4B39AF | #9DAF39 |
|---|---|---|
| HEX | #4B39AF | #9DAF39 |
| RGB | 75, 57, 175 | 157, 175, 57 |
| HSL | 249.2, 50.9%, 45.5% | 69.2, 50.9%, 45.5% |
| HSV | 249.2, 67.4%, 68.6% | 69.2, 67.4%, 68.6% |
| CMYK | 57.1%, 67.4%, 0.0%, 31.4% | 10.3%, 0.0%, 67.4%, 31.4% |
| OKLCH | 0.4393 0.1786 283.2 | 0.7175 0.1421 117.6 |
コントラストとアクセシビリティ
3.45:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9DAF39 → 背景色: #4B39AF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #4B39AF → 背景色: #9DAF39
色差 (Delta E)
136.73
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #4B39AF, #9DAF39);
background: linear-gradient(135deg, #4B39AF, #9DAF39);