#8689AF
#8689AF
#AFAC86
#AFAC86
カラー値
| フォーマット | #8689AF | #AFAC86 |
|---|---|---|
| HEX | #8689AF | #AFAC86 |
| RGB | 134, 137, 175 | 175, 172, 134 |
| HSL | 235.6, 20.4%, 60.6% | 55.6, 20.4%, 60.6% |
| HSV | 235.6, 23.4%, 68.6% | 55.6, 23.4%, 68.6% |
| CMYK | 23.4%, 21.7%, 0.0%, 31.4% | 0.0%, 1.7%, 23.4%, 31.4% |
| OKLCH | 0.6414 0.0568 281.1 | 0.737 0.0523 103.8 |
コントラストとアクセシビリティ
1.46:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AFAC86 → 背景色: #8689AF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8689AF → 背景色: #AFAC86
色差 (Delta E)
43.81
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #8689AF, #AFAC86);
background: linear-gradient(135deg, #8689AF, #AFAC86);