#A6C39F
#A6C39F
#BC9FC3
#BC9FC3
カラー値
| フォーマット | #A6C39F | #BC9FC3 |
|---|---|---|
| HEX | #A6C39F | #BC9FC3 |
| RGB | 166, 195, 159 | 188, 159, 195 |
| HSL | 108.3, 23.1%, 69.4% | 288.3, 23.1%, 69.4% |
| HSV | 108.3, 18.5%, 76.5% | 288.3, 18.5%, 76.5% |
| CMYK | 14.9%, 0.0%, 18.5%, 23.5% | 3.6%, 18.5%, 0.0%, 23.5% |
| OKLCH | 0.7858 0.0591 139.6 | 0.7399 0.0603 319.7 |
コントラストとアクセシビリティ
1.23:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BC9FC3 → 背景色: #A6C39F
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #A6C39F → 背景色: #BC9FC3
色差 (Delta E)
45.26
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #A6C39F, #BC9FC3);
background: linear-gradient(135deg, #A6C39F, #BC9FC3);