#7181FC
#7181FC
#FCEC71
#FCEC71
カラー値
| フォーマット | #7181FC | #FCEC71 |
|---|---|---|
| HEX | #7181FC | #FCEC71 |
| RGB | 113, 129, 252 | 252, 236, 113 |
| HSL | 233.1, 95.9%, 71.6% | 53.1, 95.9%, 71.6% |
| HSV | 233.1, 55.2%, 98.8% | 53.1, 55.2%, 98.8% |
| CMYK | 55.2%, 48.8%, 0.0%, 1.2% | 0.0%, 6.3%, 55.2%, 1.2% |
| OKLCH | 0.6511 0.1816 274.6 | 0.9322 0.1443 102.0 |
コントラストとアクセシビリティ
2.78:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FCEC71 → 背景色: #7181FC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7181FC → 背景色: #FCEC71
色差 (Delta E)
134.15
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7181FC, #FCEC71);
background: linear-gradient(135deg, #7181FC, #FCEC71);