#0799F8
#0799F8
#F86607
#F86607
カラー値
| フォーマット | #0799F8 | #F86607 |
|---|---|---|
| HEX | #0799F8 | #F86607 |
| RGB | 7, 153, 248 | 248, 102, 7 |
| HSL | 203.7, 94.5%, 50.0% | 23.7, 94.5%, 50.0% |
| HSV | 203.7, 97.2%, 97.3% | 23.7, 97.2%, 97.3% |
| CMYK | 97.2%, 38.3%, 0.0%, 2.7% | 0.0%, 58.9%, 97.2%, 2.7% |
| OKLCH | 0.6652 0.175 247.4 | 0.6853 0.1971 44.1 |
コントラストとアクセシビリティ
1.0:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F86607 → 背景色: #0799F8
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #0799F8 → 背景色: #F86607
色差 (Delta E)
135.54
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #0799F8, #F86607);
background: linear-gradient(135deg, #0799F8, #F86607);