#CFDED3
#CFDED3
#DECFDA
#DECFDA
カラー値
| フォーマット | #CFDED3 | #DECFDA |
|---|---|---|
| HEX | #CFDED3 | #DECFDA |
| RGB | 207, 222, 211 | 222, 207, 218 |
| HSL | 136.0, 18.5%, 84.1% | 316.0, 18.5%, 84.1% |
| HSV | 136.0, 6.8%, 87.1% | 316.0, 6.8%, 87.1% |
| CMYK | 6.8%, 0.0%, 5.0%, 12.9% | 0.0%, 6.8%, 1.8%, 12.9% |
| OKLCH | 0.8862 0.0219 154.1 | 0.8699 0.0222 335.0 |
コントラストとアクセシビリティ
1.07:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DECFDA → 背景色: #CFDED3
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CFDED3 → 背景色: #DECFDA
色差 (Delta E)
16.1
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #CFDED3, #DECFDA);
background: linear-gradient(135deg, #CFDED3, #DECFDA);