#7CCACE
#7CCACE
#CE807C
#CE807C
カラー値
| フォーマット | #7CCACE | #CE807C |
|---|---|---|
| HEX | #7CCACE | #CE807C |
| RGB | 124, 202, 206 | 206, 128, 124 |
| HSL | 182.9, 45.6%, 64.7% | 2.9, 45.6%, 64.7% |
| HSV | 182.9, 39.8%, 80.8% | 2.9, 39.8%, 80.8% |
| CMYK | 39.8%, 1.9%, 0.0%, 19.2% | 0.0%, 37.9%, 39.8%, 19.2% |
| OKLCH | 0.7902 0.0772 199.9 | 0.6809 0.0975 23.1 |
コントラストとアクセシビリティ
1.6:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CE807C → 背景色: #7CCACE
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7CCACE → 背景色: #CE807C
色差 (Delta E)
59.97
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7CCACE, #CE807C);
background: linear-gradient(135deg, #7CCACE, #CE807C);