#625DD4
#625DD4
#CFD45D
#CFD45D
カラー値
| フォーマット | #625DD4 | #CFD45D |
|---|---|---|
| HEX | #625DD4 | #CFD45D |
| RGB | 98, 93, 212 | 207, 212, 93 |
| HSL | 242.5, 58.0%, 59.8% | 62.5, 58.0%, 59.8% |
| HSV | 242.5, 56.1%, 83.1% | 62.5, 56.1%, 83.1% |
| CMYK | 53.8%, 56.1%, 0.0%, 16.9% | 2.4%, 0.0%, 56.1%, 16.9% |
| OKLCH | 0.5475 0.1776 280.7 | 0.8427 0.142 111.3 |
コントラストとアクセシビリティ
3.28:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CFD45D → 背景色: #625DD4
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #625DD4 → 背景色: #CFD45D
色差 (Delta E)
134.14
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #625DD4, #CFD45D);
background: linear-gradient(135deg, #625DD4, #CFD45D);