#C2F196
#C2F196
#C596F1
#C596F1
カラー値
| フォーマット | #C2F196 | #C596F1 |
|---|---|---|
| HEX | #C2F196 | #C596F1 |
| RGB | 194, 241, 150 | 197, 150, 241 |
| HSL | 91.0, 76.5%, 76.7% | 271.0, 76.5%, 76.7% |
| HSV | 91.0, 37.8%, 94.5% | 271.0, 37.8%, 94.5% |
| CMYK | 19.5%, 0.0%, 37.8%, 5.5% | 18.3%, 37.8%, 0.0%, 5.5% |
| OKLCH | 0.9042 0.1275 130.8 | 0.7509 0.1359 307.1 |
コントラストとアクセシビリティ
1.81:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C596F1 → 背景色: #C2F196
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C2F196 → 背景色: #C596F1
色差 (Delta E)
103.81
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #C2F196, #C596F1);
background: linear-gradient(135deg, #C2F196, #C596F1);