#ADBAFD
#ADBAFD
#FDF0AD
#FDF0AD
カラー値
| フォーマット | #ADBAFD | #FDF0AD |
|---|---|---|
| HEX | #ADBAFD | #FDF0AD |
| RGB | 173, 186, 253 | 253, 240, 173 |
| HSL | 230.3, 95.2%, 83.5% | 50.2, 95.2%, 83.5% |
| HSV | 230.3, 31.6%, 99.2% | 50.2, 31.6%, 99.2% |
| CMYK | 31.6%, 26.5%, 0.0%, 0.8% | 0.0%, 5.1%, 31.6%, 0.8% |
| OKLCH | 0.8033 0.0961 275.6 | 0.9499 0.0859 98.5 |
コントラストとアクセシビリティ
1.63:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FDF0AD → 背景色: #ADBAFD
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ADBAFD → 背景色: #FDF0AD
色差 (Delta E)
72.56
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #ADBAFD, #FDF0AD);
background: linear-gradient(135deg, #ADBAFD, #FDF0AD);