#756CB6
#756CB6
#ADB66C
#ADB66C
カラー値
| フォーマット | #756CB6 | #ADB66C |
|---|---|---|
| HEX | #756CB6 | #ADB66C |
| RGB | 117, 108, 182 | 173, 182, 108 |
| HSL | 247.3, 33.6%, 56.9% | 67.3, 33.6%, 56.9% |
| HSV | 247.3, 40.7%, 71.4% | 67.3, 40.7%, 71.4% |
| CMYK | 35.7%, 40.7%, 0.0%, 28.6% | 4.9%, 0.0%, 40.7%, 28.6% |
| OKLCH | 0.5717 0.1122 287.9 | 0.7521 0.0978 114.5 |
コントラストとアクセシビリティ
2.12:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ADB66C → 背景色: #756CB6
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #756CB6 → 背景色: #ADB66C
色差 (Delta E)
85.77
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #756CB6, #ADB66C);
background: linear-gradient(135deg, #756CB6, #ADB66C);