#306858
#306858
#683040
#683040
カラー値
| フォーマット | #306858 | #683040 |
|---|---|---|
| HEX | #306858 | #683040 |
| RGB | 48, 104, 88 | 104, 48, 64 |
| HSL | 162.9, 36.8%, 29.8% | 342.9, 36.8%, 29.8% |
| HSV | 162.9, 53.8%, 40.8% | 342.9, 53.8%, 40.8% |
| CMYK | 53.8%, 0.0%, 15.4%, 59.2% | 0.0%, 53.8%, 38.5%, 59.2% |
| OKLCH | 0.4743 0.0652 172.4 | 0.3892 0.0821 3.6 |
コントラストとアクセシビリティ
1.56:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #683040 → 背景色: #306858
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #306858 → 背景色: #683040
色差 (Delta E)
51.19
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #306858, #683040);
background: linear-gradient(135deg, #306858, #683040);