#4FCE96
#4FCE96
#CE4F87
#CE4F87
カラー値
| フォーマット | #4FCE96 | #CE4F87 |
|---|---|---|
| HEX | #4FCE96 | #CE4F87 |
| RGB | 79, 206, 150 | 206, 79, 135 |
| HSL | 153.5, 56.4%, 55.9% | 333.5, 56.4%, 55.9% |
| HSV | 153.5, 61.7%, 80.8% | 333.5, 61.7%, 80.8% |
| CMYK | 61.7%, 0.0%, 27.2%, 19.2% | 0.0%, 61.7%, 34.5%, 19.2% |
| OKLCH | 0.7662 0.1393 161.1 | 0.6115 0.1696 355.9 |
コントラストとアクセシビリティ
2.08:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CE4F87 → 背景色: #4FCE96
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #4FCE96 → 背景色: #CE4F87
色差 (Delta E)
108.28
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #4FCE96, #CE4F87);
background: linear-gradient(135deg, #4FCE96, #CE4F87);