#315C64
#315C64
#643931
#643931
カラー値
| フォーマット | #315C64 | #643931 |
|---|---|---|
| HEX | #315C64 | #643931 |
| RGB | 49, 92, 100 | 100, 57, 49 |
| HSL | 189.4, 34.2%, 29.2% | 9.4, 34.2%, 29.2% |
| HSV | 189.4, 51.0%, 39.2% | 9.4, 51.0%, 39.2% |
| CMYK | 51.0%, 8.0%, 0.0%, 60.8% | 0.0%, 43.0%, 51.0%, 60.8% |
| OKLCH | 0.447 0.0495 210.9 | 0.3952 0.0632 31.4 |
コントラストとアクセシビリティ
1.31:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #643931 → 背景色: #315C64
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #315C64 → 背景色: #643931
色差 (Delta E)
38.62
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #315C64, #643931);
background: linear-gradient(135deg, #315C64, #643931);