#7DC587
#7DC587
#C57DBB
#C57DBB
カラー値
| フォーマット | #7DC587 | #C57DBB |
|---|---|---|
| HEX | #7DC587 | #C57DBB |
| RGB | 125, 197, 135 | 197, 125, 187 |
| HSL | 128.3, 38.3%, 63.1% | 308.3, 38.3%, 63.1% |
| HSV | 128.3, 36.5%, 77.3% | 308.3, 36.5%, 77.3% |
| CMYK | 36.5%, 0.0%, 31.5%, 22.7% | 0.0%, 36.5%, 5.1%, 22.7% |
| OKLCH | 0.7597 0.1142 147.7 | 0.6853 0.1203 331.9 |
コントラストとアクセシビリティ
1.45:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C57DBB → 背景色: #7DC587
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7DC587 → 背景色: #C57DBB
色差 (Delta E)
86.48
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7DC587, #C57DBB);
background: linear-gradient(135deg, #7DC587, #C57DBB);