#080CCF
#080CCF
#CFCB08
#CFCB08
カラー値
| フォーマット | #080CCF | #CFCB08 |
|---|---|---|
| HEX | #080CCF | #CFCB08 |
| RGB | 8, 12, 207 | 207, 203, 8 |
| HSL | 238.8, 92.6%, 42.2% | 58.8, 92.6%, 42.2% |
| HSV | 238.8, 96.1%, 81.2% | 58.8, 96.1%, 81.2% |
| CMYK | 96.1%, 94.2%, 0.0%, 18.8% | 0.0%, 1.9%, 96.1%, 18.8% |
| OKLCH | 0.393 0.2629 265.0 | 0.8187 0.1757 108.3 |
コントラストとアクセシビリティ
6.21:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CFCB08 → 背景色: #080CCF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #080CCF → 背景色: #CFCB08
色差 (Delta E)
195.82
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #080CCF, #CFCB08);
background: linear-gradient(135deg, #080CCF, #CFCB08);