#84FD95
#84FD95
#FD84EC
#FD84EC
カラー値
| フォーマット | #84FD95 | #FD84EC |
|---|---|---|
| HEX | #84FD95 | #FD84EC |
| RGB | 132, 253, 149 | 253, 132, 236 |
| HSL | 128.4, 96.8%, 75.5% | 308.4, 96.8%, 75.5% |
| HSV | 128.4, 47.8%, 99.2% | 308.4, 47.8%, 99.2% |
| CMYK | 47.8%, 0.0%, 41.1%, 0.8% | 0.0%, 47.8%, 6.7%, 0.8% |
| OKLCH | 0.8989 0.1786 146.9 | 0.7816 0.1909 332.7 |
コントラストとアクセシビリティ
1.7:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FD84EC → 背景色: #84FD95
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #84FD95 → 背景色: #FD84EC
色差 (Delta E)
136.33
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #84FD95, #FD84EC);
background: linear-gradient(135deg, #84FD95, #FD84EC);