#BEA5DF
#BEA5DF
#C6DFA5
#C6DFA5
カラー値
| フォーマット | #BEA5DF | #C6DFA5 |
|---|---|---|
| HEX | #BEA5DF | #C6DFA5 |
| RGB | 190, 165, 223 | 198, 223, 165 |
| HSL | 265.9, 47.5%, 76.1% | 85.9, 47.5%, 76.1% |
| HSV | 265.9, 26.0%, 87.5% | 85.9, 26.0%, 87.5% |
| CMYK | 14.8%, 26.0%, 0.0%, 12.5% | 11.2%, 0.0%, 26.0%, 12.5% |
| OKLCH | 0.7637 0.0857 304.1 | 0.8707 0.0815 127.0 |
コントラストとアクセシビリティ
1.5:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C6DFA5 → 背景色: #BEA5DF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BEA5DF → 背景色: #C6DFA5
色差 (Delta E)
65.99
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #BEA5DF, #C6DFA5);
background: linear-gradient(135deg, #BEA5DF, #C6DFA5);