#290BA4
#290BA4
#86A40B
#86A40B
カラー値
| フォーマット | #290BA4 | #86A40B |
|---|---|---|
| HEX | #290BA4 | #86A40B |
| RGB | 41, 11, 164 | 134, 164, 11 |
| HSL | 251.8, 87.4%, 34.3% | 71.8, 87.4%, 34.3% |
| HSV | 251.8, 93.3%, 64.3% | 71.8, 93.3%, 64.3% |
| CMYK | 75.0%, 93.3%, 0.0%, 35.7% | 18.3%, 0.0%, 93.3%, 35.7% |
| OKLCH | 0.349 0.2108 274.9 | 0.6718 0.1603 121.9 |
コントラストとアクセシビリティ
4.37:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #86A40B → 背景色: #290BA4
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #290BA4 → 背景色: #86A40B
色差 (Delta E)
165.13
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #290BA4, #86A40B);
background: linear-gradient(135deg, #290BA4, #86A40B);