#581BA8
#581BA8
#6BA81B
#6BA81B
カラー値
| フォーマット | #581BA8 | #6BA81B |
|---|---|---|
| HEX | #581BA8 | #6BA81B |
| RGB | 88, 27, 168 | 107, 168, 27 |
| HSL | 266.0, 72.3%, 38.2% | 86.0, 72.3%, 38.2% |
| HSV | 266.0, 83.9%, 65.9% | 86.0, 83.9%, 65.9% |
| CMYK | 47.6%, 83.9%, 0.0%, 34.1% | 36.3%, 0.0%, 83.9%, 34.1% |
| OKLCH | 0.4099 0.2008 295.2 | 0.6648 0.1738 131.5 |
コントラストとアクセシビリティ
3.39:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #6BA81B → 背景色: #581BA8
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #581BA8 → 背景色: #6BA81B
色差 (Delta E)
159.25
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #581BA8, #6BA81B);
background: linear-gradient(135deg, #581BA8, #6BA81B);