#2CD782
#2CD782
#D72C81
#D72C81
カラー値
| フォーマット | #2CD782 | #D72C81 |
|---|---|---|
| HEX | #2CD782 | #D72C81 |
| RGB | 44, 215, 130 | 215, 44, 129 |
| HSL | 150.2, 68.1%, 50.8% | 330.2, 68.1%, 50.8% |
| HSV | 150.2, 79.5%, 84.3% | 330.2, 79.5%, 84.3% |
| CMYK | 79.5%, 0.0%, 39.5%, 15.7% | 0.0%, 79.5%, 40.0%, 15.7% |
| OKLCH | 0.7769 0.1803 155.2 | 0.5912 0.2145 356.3 |
コントラストとアクセシビリティ
2.44:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #D72C81 → 背景色: #2CD782
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #2CD782 → 背景色: #D72C81
色差 (Delta E)
137.93
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #2CD782, #D72C81);
background: linear-gradient(135deg, #2CD782, #D72C81);