#2AC137
#2AC137
#C12AB4
#C12AB4
カラー値
| フォーマット | #2AC137 | #C12AB4 |
|---|---|---|
| HEX | #2AC137 | #C12AB4 |
| RGB | 42, 193, 55 | 193, 42, 180 |
| HSL | 125.2, 64.3%, 46.1% | 305.2, 64.3%, 46.1% |
| HSV | 125.2, 78.2%, 75.7% | 305.2, 78.2%, 75.7% |
| CMYK | 78.2%, 0.0%, 71.5%, 24.3% | 0.0%, 78.2%, 6.7%, 24.3% |
| OKLCH | 0.709 0.2149 143.8 | 0.577 0.2317 332.1 |
コントラストとアクセシビリティ
2.06:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C12AB4 → 背景色: #2AC137
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #2AC137 → 背景色: #C12AB4
色差 (Delta E)
166.83
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #2AC137, #C12AB4);
background: linear-gradient(135deg, #2AC137, #C12AB4);