#42657B
#42657B
#7B5842
#7B5842
カラー値
| フォーマット | #42657B | #7B5842 |
|---|---|---|
| HEX | #42657B | #7B5842 |
| RGB | 66, 101, 123 | 123, 88, 66 |
| HSL | 203.2, 30.2%, 37.1% | 23.2, 30.2%, 37.1% |
| HSV | 203.2, 46.3%, 48.2% | 23.2, 46.3%, 48.2% |
| CMYK | 46.3%, 17.9%, 0.0%, 51.8% | 0.0%, 28.5%, 46.3%, 51.8% |
| OKLCH | 0.4892 0.0536 237.0 | 0.4918 0.0572 53.1 |
コントラストとアクセシビリティ
1.02:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7B5842 → 背景色: #42657B
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #42657B → 背景色: #7B5842
色差 (Delta E)
38.93
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #42657B, #7B5842);
background: linear-gradient(135deg, #42657B, #7B5842);