#6298FD
#6298FD
#FDC762
#FDC762
カラー値
| フォーマット | #6298FD | #FDC762 |
|---|---|---|
| HEX | #6298FD | #FDC762 |
| RGB | 98, 152, 253 | 253, 199, 98 |
| HSL | 219.1, 97.5%, 68.8% | 39.1, 97.5%, 68.8% |
| HSV | 219.1, 61.3%, 99.2% | 39.1, 61.3%, 99.2% |
| CMYK | 61.3%, 39.9%, 0.0%, 0.8% | 0.0%, 21.3%, 61.3%, 0.8% |
| OKLCH | 0.6889 0.16 261.8 | 0.8587 0.1329 81.0 |
コントラストとアクセシビリティ
1.82:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FDC762 → 背景色: #6298FD
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #6298FD → 背景色: #FDC762
色差 (Delta E)
114.27
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #6298FD, #FDC762);
background: linear-gradient(135deg, #6298FD, #FDC762);