#B3ADE5
#B3ADE5
#DFE5AD
#DFE5AD
カラー値
| フォーマット | #B3ADE5 | #DFE5AD |
|---|---|---|
| HEX | #B3ADE5 | #DFE5AD |
| RGB | 179, 173, 229 | 223, 229, 173 |
| HSL | 246.4, 51.9%, 78.8% | 66.4, 51.9%, 78.8% |
| HSV | 246.4, 24.5%, 89.8% | 66.4, 24.5%, 89.8% |
| CMYK | 21.8%, 24.5%, 0.0%, 10.2% | 2.6%, 0.0%, 24.5%, 10.2% |
| OKLCH | 0.7722 0.0795 289.3 | 0.9036 0.0733 112.8 |
コントラストとアクセシビリティ
1.59:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DFE5AD → 背景色: #B3ADE5
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #B3ADE5 → 背景色: #DFE5AD
色差 (Delta E)
61.62
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #B3ADE5, #DFE5AD);
background: linear-gradient(135deg, #B3ADE5, #DFE5AD);