#441DCC
#441DCC
#A5CC1D
#A5CC1D
カラー値
| フォーマット | #441DCC | #A5CC1D |
|---|---|---|
| HEX | #441DCC | #A5CC1D |
| RGB | 68, 29, 204 | 165, 204, 29 |
| HSL | 253.4, 75.1%, 45.7% | 73.4, 75.1%, 45.7% |
| HSV | 253.4, 85.8%, 80.0% | 73.4, 85.8%, 80.0% |
| CMYK | 66.7%, 85.8%, 0.0%, 20.0% | 19.1%, 0.0%, 85.8%, 20.0% |
| OKLCH | 0.4297 0.2386 279.6 | 0.7889 0.1864 122.7 |
コントラストとアクセシビリティ
4.91:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #A5CC1D → 背景色: #441DCC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #441DCC → 背景色: #A5CC1D
色差 (Delta E)
187.23
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #441DCC, #A5CC1D);
background: linear-gradient(135deg, #441DCC, #A5CC1D);