#C2CEC4
#C2CEC4
#CEC2CC
#CEC2CC
カラー値
| フォーマット | #C2CEC4 | #CEC2CC |
|---|---|---|
| HEX | #C2CEC4 | #CEC2CC |
| RGB | 194, 206, 196 | 206, 194, 204 |
| HSL | 130.0, 10.9%, 78.4% | 310.0, 10.9%, 78.4% |
| HSV | 130.0, 5.8%, 80.8% | 310.0, 5.8%, 80.8% |
| CMYK | 5.8%, 0.0%, 4.9%, 19.2% | 0.0%, 5.8%, 1.0%, 19.2% |
| OKLCH | 0.8393 0.0189 150.5 | 0.8268 0.0191 331.1 |
コントラストとアクセシビリティ
1.06:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CEC2CC → 背景色: #C2CEC4
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C2CEC4 → 背景色: #CEC2CC
色差 (Delta E)
13.99
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #C2CEC4, #CEC2CC);
background: linear-gradient(135deg, #C2CEC4, #CEC2CC);