#628BBC
#628BBC
#BC9362
#BC9362
カラー値
| フォーマット | #628BBC | #BC9362 |
|---|---|---|
| HEX | #628BBC | #BC9362 |
| RGB | 98, 139, 188 | 188, 147, 98 |
| HSL | 212.7, 40.2%, 56.1% | 32.7, 40.2%, 56.1% |
| HSV | 212.7, 47.9%, 73.7% | 32.7, 47.9%, 73.7% |
| CMYK | 47.9%, 26.1%, 0.0%, 26.3% | 0.0%, 21.8%, 47.9%, 26.3% |
| OKLCH | 0.6267 0.0873 253.5 | 0.6906 0.0819 70.8 |
コントラストとアクセシビリティ
1.26:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BC9362 → 背景色: #628BBC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #628BBC → 背景色: #BC9362
色差 (Delta E)
62.87
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #628BBC, #BC9362);
background: linear-gradient(135deg, #628BBC, #BC9362);