#152AEA
#152AEA
#EAD515
#EAD515
カラー値
| フォーマット | #152AEA | #EAD515 |
|---|---|---|
| HEX | #152AEA | #EAD515 |
| RGB | 21, 42, 234 | 234, 213, 21 |
| HSL | 234.1, 83.5%, 50.0% | 54.1, 83.5%, 50.0% |
| HSV | 234.1, 91.0%, 91.8% | 54.1, 91.0%, 91.8% |
| CMYK | 91.0%, 82.1%, 0.0%, 8.2% | 0.0%, 9.0%, 91.0%, 8.2% |
| OKLCH | 0.4534 0.2732 265.9 | 0.8636 0.1779 102.1 |
コントラストとアクセシビリティ
5.5:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #EAD515 → 背景色: #152AEA
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #152AEA → 背景色: #EAD515
色差 (Delta E)
197.49
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #152AEA, #EAD515);
background: linear-gradient(135deg, #152AEA, #EAD515);