#AFBCCD
#AFBCCD
#CDC0AF
#CDC0AF
カラー値
| フォーマット | #AFBCCD | #CDC0AF |
|---|---|---|
| HEX | #AFBCCD | #CDC0AF |
| RGB | 175, 188, 205 | 205, 192, 175 |
| HSL | 214.0, 23.1%, 74.5% | 34.0, 23.1%, 74.5% |
| HSV | 214.0, 14.6%, 80.4% | 34.0, 14.6%, 80.4% |
| CMYK | 14.6%, 8.3%, 0.0%, 19.6% | 0.0%, 6.3%, 14.6%, 19.6% |
| OKLCH | 0.7905 0.0281 255.1 | 0.8139 0.0276 74.7 |
コントラストとアクセシビリティ
1.08:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CDC0AF → 背景色: #AFBCCD
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AFBCCD → 背景色: #CDC0AF
色差 (Delta E)
20.62
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #AFBCCD, #CDC0AF);
background: linear-gradient(135deg, #AFBCCD, #CDC0AF);