#217D97
#217D97
#973B21
#973B21
カラー値
| フォーマット | #217D97 | #973B21 |
|---|---|---|
| HEX | #217D97 | #973B21 |
| RGB | 33, 125, 151 | 151, 59, 33 |
| HSL | 193.2, 64.1%, 36.1% | 13.2, 64.1%, 36.1% |
| HSV | 193.2, 78.1%, 59.2% | 13.2, 78.1%, 59.2% |
| CMYK | 78.1%, 17.2%, 0.0%, 40.8% | 0.0%, 60.9%, 78.1%, 40.8% |
| OKLCH | 0.5494 0.091 221.5 | 0.4754 0.1299 36.4 |
コントラストとアクセシビリティ
1.5:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #973B21 → 背景色: #217D97
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #217D97 → 背景色: #973B21
色差 (Delta E)
79.01
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #217D97, #973B21);
background: linear-gradient(135deg, #217D97, #973B21);