#464DF3
#464DF3
#F3EC46
#F3EC46
カラー値
| フォーマット | #464DF3 | #F3EC46 |
|---|---|---|
| HEX | #464DF3 | #F3EC46 |
| RGB | 70, 77, 243 | 243, 236, 70 |
| HSL | 237.6, 87.8%, 61.4% | 57.6, 87.8%, 61.4% |
| HSV | 237.6, 71.2%, 95.3% | 57.6, 71.2%, 95.3% |
| CMYK | 71.2%, 68.3%, 0.0%, 4.7% | 0.0%, 2.9%, 71.2%, 4.7% |
| OKLCH | 0.5284 0.2417 272.7 | 0.9209 0.1765 107.0 |
コントラストとアクセシビリティ
4.67:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F3EC46 → 背景色: #464DF3
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #464DF3 → 背景色: #F3EC46
色差 (Delta E)
179.67
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #464DF3, #F3EC46);
background: linear-gradient(135deg, #464DF3, #F3EC46);