#52CEAF
#52CEAF
#CE5271
#CE5271
カラー値
| フォーマット | #52CEAF | #CE5271 |
|---|---|---|
| HEX | #52CEAF | #CE5271 |
| RGB | 82, 206, 175 | 206, 82, 113 |
| HSL | 165.0, 55.9%, 56.5% | 345.0, 55.9%, 56.5% |
| HSV | 165.0, 60.2%, 80.8% | 345.0, 60.2%, 80.8% |
| CMYK | 60.2%, 0.0%, 15.0%, 19.2% | 0.0%, 60.2%, 45.1%, 19.2% |
| OKLCH | 0.7735 0.1194 173.7 | 0.6085 0.1588 7.7 |
コントラストとアクセシビリティ
2.13:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CE5271 → 背景色: #52CEAF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #52CEAF → 背景色: #CE5271
色差 (Delta E)
96.46
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #52CEAF, #CE5271);
background: linear-gradient(135deg, #52CEAF, #CE5271);