#979ACF
#979ACF
#CFCC97
#CFCC97
カラー値
| フォーマット | #979ACF | #CFCC97 |
|---|---|---|
| HEX | #979ACF | #CFCC97 |
| RGB | 151, 154, 207 | 207, 204, 151 |
| HSL | 236.8, 36.8%, 70.2% | 56.8, 36.8%, 70.2% |
| HSV | 236.8, 27.1%, 81.2% | 56.8, 27.1%, 81.2% |
| CMYK | 27.1%, 25.6%, 0.0%, 18.8% | 0.0%, 1.4%, 27.1%, 18.8% |
| OKLCH | 0.7033 0.0774 281.7 | 0.8347 0.07 105.1 |
コントラストとアクセシビリティ
1.62:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CFCC97 → 背景色: #979ACF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #979ACF → 背景色: #CFCC97
色差 (Delta E)
59.42
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #979ACF, #CFCC97);
background: linear-gradient(135deg, #979ACF, #CFCC97);