#16632A
#16632A
#63164F
#63164F
カラー値
| フォーマット | #16632A | #63164F |
|---|---|---|
| HEX | #16632A | #63164F |
| RGB | 22, 99, 42 | 99, 22, 79 |
| HSL | 135.6, 63.6%, 23.7% | 315.6, 63.6%, 23.7% |
| HSV | 135.6, 77.8%, 38.8% | 315.6, 77.8%, 38.8% |
| CMYK | 77.8%, 0.0%, 57.6%, 61.2% | 0.0%, 77.8%, 20.2%, 61.2% |
| OKLCH | 0.4403 0.1154 147.8 | 0.3527 0.1269 340.4 |
コントラストとアクセシビリティ
1.62:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #63164F → 背景色: #16632A
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #16632A → 背景色: #63164F
色差 (Delta E)
87.89
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #16632A, #63164F);
background: linear-gradient(135deg, #16632A, #63164F);