#494FCF
#494FCF
#CFC949
#CFC949
カラー値
| フォーマット | #494FCF | #CFC949 |
|---|---|---|
| HEX | #494FCF | #CFC949 |
| RGB | 73, 79, 207 | 207, 201, 73 |
| HSL | 237.3, 58.3%, 54.9% | 57.3, 58.3%, 54.9% |
| HSV | 237.3, 64.7%, 81.2% | 57.3, 64.7%, 81.2% |
| CMYK | 64.7%, 61.8%, 0.0%, 18.8% | 0.0%, 2.9%, 64.7%, 18.8% |
| OKLCH | 0.5016 0.1938 274.9 | 0.8173 0.1467 106.6 |
コントラストとアクセシビリティ
3.66:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CFC949 → 背景色: #494FCF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #494FCF → 背景色: #CFC949
色差 (Delta E)
144.17
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #494FCF, #CFC949);
background: linear-gradient(135deg, #494FCF, #CFC949);