#B47BF3
#B47BF3
#BAF37B
#BAF37B
カラー値
| フォーマット | #B47BF3 | #BAF37B |
|---|---|---|
| HEX | #B47BF3 | #BAF37B |
| RGB | 180, 123, 243 | 186, 243, 123 |
| HSL | 268.5, 83.3%, 71.8% | 88.5, 83.3%, 71.8% |
| HSV | 268.5, 49.4%, 95.3% | 88.5, 49.4%, 95.3% |
| CMYK | 25.9%, 49.4%, 0.0%, 4.7% | 23.5%, 0.0%, 49.4%, 4.7% |
| OKLCH | 0.6906 0.1769 304.1 | 0.8996 0.1614 130.0 |
コントラストとアクセシビリティ
2.29:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BAF37B → 背景色: #B47BF3
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #B47BF3 → 背景色: #BAF37B
色差 (Delta E)
135.55
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #B47BF3, #BAF37B);
background: linear-gradient(135deg, #B47BF3, #BAF37B);