#8949CE
#8949CE
#8ECE49
#8ECE49
カラー値
| フォーマット | #8949CE | #8ECE49 |
|---|---|---|
| HEX | #8949CE | #8ECE49 |
| RGB | 137, 73, 206 | 142, 206, 73 |
| HSL | 268.9, 57.6%, 54.7% | 88.9, 57.6%, 54.7% |
| HSV | 268.9, 64.6%, 80.8% | 88.9, 64.6%, 80.8% |
| CMYK | 33.5%, 64.6%, 0.0%, 19.2% | 31.1%, 0.0%, 64.6%, 19.2% |
| OKLCH | 0.5486 0.1976 302.4 | 0.7816 0.1762 131.4 |
コントラストとアクセシビリティ
2.83:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8ECE49 → 背景色: #8949CE
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8949CE → 背景色: #8ECE49
色差 (Delta E)
152.75
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #8949CE, #8ECE49);
background: linear-gradient(135deg, #8949CE, #8ECE49);