#58D2AB
#58D2AB
#D2587F
#D2587F
カラー値
| フォーマット | #58D2AB | #D2587F |
|---|---|---|
| HEX | #58D2AB | #D2587F |
| RGB | 88, 210, 171 | 210, 88, 127 |
| HSL | 160.8, 57.5%, 58.4% | 340.8, 57.5%, 58.4% |
| HSV | 160.8, 58.1%, 82.4% | 340.8, 58.1%, 82.4% |
| CMYK | 58.1%, 0.0%, 18.6%, 17.6% | 0.0%, 58.1%, 39.5%, 17.6% |
| OKLCH | 0.784 0.1237 169.0 | 0.6261 0.158 2.8 |
コントラストとアクセシビリティ
2.06:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #D2587F → 背景色: #58D2AB
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #58D2AB → 背景色: #D2587F
色差 (Delta E)
97.96
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #58D2AB, #D2587F);
background: linear-gradient(135deg, #58D2AB, #D2587F);