#70BC71
#70BC71
#BC70BB
#BC70BB
カラー値
| フォーマット | #70BC71 | #BC70BB |
|---|---|---|
| HEX | #70BC71 | #BC70BB |
| RGB | 112, 188, 113 | 188, 112, 187 |
| HSL | 120.8, 36.2%, 58.8% | 300.8, 36.2%, 58.8% |
| HSV | 120.8, 40.4%, 73.7% | 300.8, 40.4%, 73.7% |
| CMYK | 40.4%, 0.0%, 39.9%, 26.3% | 0.0%, 40.4%, 0.5%, 26.3% |
| OKLCH | 0.727 0.1306 144.4 | 0.654 0.1368 327.5 |
コントラストとアクセシビリティ
1.48:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BC70BB → 背景色: #70BC71
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #70BC71 → 背景色: #BC70BB
色差 (Delta E)
99.76
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #70BC71, #BC70BB);
background: linear-gradient(135deg, #70BC71, #BC70BB);