#493DA9
#493DA9
#9DA93D
#9DA93D
カラー値
| フォーマット | #493DA9 | #9DA93D |
|---|---|---|
| HEX | #493DA9 | #9DA93D |
| RGB | 73, 61, 169 | 157, 169, 61 |
| HSL | 246.7, 47.0%, 45.1% | 66.7, 47.0%, 45.1% |
| HSV | 246.7, 63.9%, 66.3% | 66.7, 63.9%, 66.3% |
| CMYK | 56.8%, 63.9%, 0.0%, 33.7% | 7.1%, 0.0%, 63.9%, 33.7% |
| OKLCH | 0.4389 0.1661 282.1 | 0.7041 0.1319 115.2 |
コントラストとアクセシビリティ
3.24:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9DA93D → 背景色: #493DA9
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #493DA9 → 背景色: #9DA93D
色差 (Delta E)
126.42
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #493DA9, #9DA93D);
background: linear-gradient(135deg, #493DA9, #9DA93D);