#5816B0
#5816B0
#6EB016
#6EB016
カラー値
| フォーマット | #5816B0 | #6EB016 |
|---|---|---|
| HEX | #5816B0 | #6EB016 |
| RGB | 88, 22, 176 | 110, 176, 22 |
| HSL | 265.7, 77.8%, 38.8% | 85.7, 77.8%, 38.8% |
| HSV | 265.7, 87.5%, 69.0% | 85.7, 87.5%, 69.0% |
| CMYK | 50.0%, 87.5%, 0.0%, 31.0% | 37.5%, 0.0%, 87.5%, 31.0% |
| OKLCH | 0.4141 0.2123 293.7 | 0.6865 0.1835 131.8 |
コントラストとアクセシビリティ
3.66:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #6EB016 → 背景色: #5816B0
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #5816B0 → 背景色: #6EB016
色差 (Delta E)
169.48
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #5816B0, #6EB016);
background: linear-gradient(135deg, #5816B0, #6EB016);