#2129C2
#2129C2
#C2BA21
#C2BA21
カラー値
| フォーマット | #2129C2 | #C2BA21 |
|---|---|---|
| HEX | #2129C2 | #C2BA21 |
| RGB | 33, 41, 194 | 194, 186, 33 |
| HSL | 237.0, 70.9%, 44.5% | 57.0, 70.9%, 44.5% |
| HSV | 237.0, 83.0%, 76.1% | 57.0, 83.0%, 76.1% |
| CMYK | 83.0%, 78.9%, 0.0%, 23.9% | 0.0%, 4.1%, 83.0%, 23.9% |
| OKLCH | 0.409 0.2273 268.8 | 0.7714 0.1572 106.3 |
コントラストとアクセシビリティ
4.78:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C2BA21 → 背景色: #2129C2
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #2129C2 → 背景色: #C2BA21
色差 (Delta E)
168.11
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #2129C2, #C2BA21);
background: linear-gradient(135deg, #2129C2, #C2BA21);