#BAEF9A
#BAEF9A
#CF9AEF
#CF9AEF
カラー値
| フォーマット | #BAEF9A | #CF9AEF |
|---|---|---|
| HEX | #BAEF9A | #CF9AEF |
| RGB | 186, 239, 154 | 207, 154, 239 |
| HSL | 97.4, 72.6%, 77.1% | 277.4, 72.6%, 77.1% |
| HSV | 97.4, 35.6%, 93.7% | 277.4, 35.6%, 93.7% |
| CMYK | 22.2%, 0.0%, 35.6%, 6.3% | 13.4%, 35.6%, 0.0%, 6.3% |
| OKLCH | 0.8954 0.1241 134.3 | 0.7664 0.1304 312.1 |
コントラストとアクセシビリティ
1.67:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CF9AEF → 背景色: #BAEF9A
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BAEF9A → 背景色: #CF9AEF
色差 (Delta E)
99.0
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #BAEF9A, #CF9AEF);
background: linear-gradient(135deg, #BAEF9A, #CF9AEF);