#131AB2
#131AB2
#B2AB13
#B2AB13
カラー値
| フォーマット | #131AB2 | #B2AB13 |
|---|---|---|
| HEX | #131AB2 | #B2AB13 |
| RGB | 19, 26, 178 | 178, 171, 19 |
| HSL | 237.4, 80.7%, 38.6% | 57.4, 80.7%, 38.6% |
| HSV | 237.4, 89.3%, 69.8% | 57.4, 89.3%, 69.8% |
| CMYK | 89.3%, 85.4%, 0.0%, 30.2% | 0.0%, 3.9%, 89.3%, 30.2% |
| OKLCH | 0.3676 0.2238 266.9 | 0.724 0.1512 106.6 |
コントラストとアクセシビリティ
4.8:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #B2AB13 → 背景色: #131AB2
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #131AB2 → 背景色: #B2AB13
色差 (Delta E)
165.51
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #131AB2, #B2AB13);
background: linear-gradient(135deg, #131AB2, #B2AB13);