#0502CA
#0502CA
#C7CA02
#C7CA02
カラー値
| フォーマット | #0502CA | #C7CA02 |
|---|---|---|
| HEX | #0502CA | #C7CA02 |
| RGB | 5, 2, 202 | 199, 202, 2 |
| HSL | 240.9, 98.0%, 40.0% | 60.9, 98.0%, 40.0% |
| HSV | 240.9, 99.0%, 79.2% | 60.9, 99.0%, 79.2% |
| CMYK | 97.5%, 99.0%, 0.0%, 20.8% | 1.5%, 0.0%, 99.0%, 20.8% |
| OKLCH | 0.3811 0.2614 264.6 | 0.8097 0.1775 110.9 |
コントラストとアクセシビリティ
6.36:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C7CA02 → 背景色: #0502CA
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #0502CA → 背景色: #C7CA02
色差 (Delta E)
196.78
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #0502CA, #C7CA02);
background: linear-gradient(135deg, #0502CA, #C7CA02);