#98BEDF
#98BEDF
#DFB998
#DFB998
カラー値
| フォーマット | #98BEDF | #DFB998 |
|---|---|---|
| HEX | #98BEDF | #DFB998 |
| RGB | 152, 190, 223 | 223, 185, 152 |
| HSL | 207.9, 52.6%, 73.5% | 27.9, 52.6%, 73.5% |
| HSV | 207.9, 31.8%, 87.5% | 27.9, 31.8%, 87.5% |
| CMYK | 31.8%, 14.8%, 0.0%, 12.5% | 0.0%, 17.0%, 31.8%, 12.5% |
| OKLCH | 0.7853 0.0624 244.9 | 0.8109 0.0625 62.7 |
コントラストとアクセシビリティ
1.07:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DFB998 → 背景色: #98BEDF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #98BEDF → 背景色: #DFB998
色差 (Delta E)
44.75
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #98BEDF, #DFB998);
background: linear-gradient(135deg, #98BEDF, #DFB998);