#1B788D
#1B788D
#8D301B
#8D301B
カラー値
| フォーマット | #1B788D | #8D301B |
|---|---|---|
| HEX | #1B788D | #8D301B |
| RGB | 27, 120, 141 | 141, 48, 27 |
| HSL | 191.1, 67.9%, 32.9% | 11.1, 67.9%, 32.9% |
| HSV | 191.1, 80.9%, 55.3% | 11.1, 80.9%, 55.3% |
| CMYK | 80.9%, 14.9%, 0.0%, 44.7% | 0.0%, 66.0%, 80.9%, 44.7% |
| OKLCH | 0.5308 0.0874 217.2 | 0.4429 0.1307 34.2 |
コントラストとアクセシビリティ
1.6:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8D301B → 背景色: #1B788D
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #1B788D → 背景色: #8D301B
色差 (Delta E)
78.45
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #1B788D, #8D301B);
background: linear-gradient(135deg, #1B788D, #8D301B);