#9CEEB7
#9CEEB7
#EE9CD3
#EE9CD3
カラー値
| フォーマット | #9CEEB7 | #EE9CD3 |
|---|---|---|
| HEX | #9CEEB7 | #EE9CD3 |
| RGB | 156, 238, 183 | 238, 156, 211 |
| HSL | 139.8, 70.7%, 77.3% | 319.8, 70.7%, 77.3% |
| HSV | 139.8, 34.5%, 93.3% | 319.8, 34.5%, 93.3% |
| CMYK | 34.5%, 0.0%, 23.1%, 6.7% | 0.0%, 34.5%, 11.3%, 6.7% |
| OKLCH | 0.8818 0.1109 154.2 | 0.7908 0.1193 339.9 |
コントラストとアクセシビリティ
1.48:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #EE9CD3 → 背景色: #9CEEB7
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9CEEB7 → 背景色: #EE9CD3
色差 (Delta E)
83.41
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #9CEEB7, #EE9CD3);
background: linear-gradient(135deg, #9CEEB7, #EE9CD3);