#4346BC
#4346BC
#BCB943
#BCB943
カラー値
| フォーマット | #4346BC | #BCB943 |
|---|---|---|
| HEX | #4346BC | #BCB943 |
| RGB | 67, 70, 188 | 188, 185, 67 |
| HSL | 238.5, 47.5%, 50.0% | 58.5, 47.5%, 50.0% |
| HSV | 238.5, 64.4%, 73.7% | 58.5, 64.4%, 73.7% |
| CMYK | 64.4%, 62.8%, 0.0%, 26.3% | 0.0%, 1.6%, 64.4%, 26.3% |
| OKLCH | 0.466 0.1812 275.7 | 0.7661 0.1379 107.8 |
コントラストとアクセシビリティ
3.58:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BCB943 → 背景色: #4346BC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #4346BC → 背景色: #BCB943
色差 (Delta E)
135.41
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #4346BC, #BCB943);
background: linear-gradient(135deg, #4346BC, #BCB943);