#9BC4BA
#9BC4BA
#C49BA5
#C49BA5
カラー値
| フォーマット | #9BC4BA | #C49BA5 |
|---|---|---|
| HEX | #9BC4BA | #C49BA5 |
| RGB | 155, 196, 186 | 196, 155, 165 |
| HSL | 165.4, 25.8%, 68.8% | 345.4, 25.8%, 68.8% |
| HSV | 165.4, 20.9%, 76.9% | 345.4, 20.9%, 76.9% |
| CMYK | 20.9%, 0.0%, 5.1%, 23.1% | 0.0%, 20.9%, 15.8%, 23.1% |
| OKLCH | 0.7879 0.0458 178.5 | 0.7301 0.0505 2.1 |
コントラストとアクセシビリティ
1.28:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C49BA5 → 背景色: #9BC4BA
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9BC4BA → 背景色: #C49BA5
色差 (Delta E)
33.45
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #9BC4BA, #C49BA5);
background: linear-gradient(135deg, #9BC4BA, #C49BA5);