#686CCC
#686CCC
#CCC868
#CCC868
カラー値
| フォーマット | #686CCC | #CCC868 |
|---|---|---|
| HEX | #686CCC | #CCC868 |
| RGB | 104, 108, 204 | 204, 200, 104 |
| HSL | 237.6, 49.5%, 60.4% | 57.6, 49.5%, 60.4% |
| HSV | 237.6, 49.0%, 80.0% | 57.6, 49.0%, 80.0% |
| CMYK | 49.0%, 47.1%, 0.0%, 20.0% | 0.0%, 2.0%, 49.0%, 20.0% |
| OKLCH | 0.5744 0.1452 279.0 | 0.816 0.1189 106.6 |
コントラストとアクセシビリティ
2.61:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CCC868 → 背景色: #686CCC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #686CCC → 背景色: #CCC868
色差 (Delta E)
109.04
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #686CCC, #CCC868);
background: linear-gradient(135deg, #686CCC, #CCC868);