#9DBCB7
#9DBCB7
#BC9DA2
#BC9DA2
カラー値
| フォーマット | #9DBCB7 | #BC9DA2 |
|---|---|---|
| HEX | #9DBCB7 | #BC9DA2 |
| RGB | 157, 188, 183 | 188, 157, 162 |
| HSL | 170.3, 18.8%, 67.6% | 350.3, 18.8%, 67.6% |
| HSV | 170.3, 16.5%, 73.7% | 350.3, 16.5%, 73.7% |
| CMYK | 16.5%, 0.0%, 2.7%, 26.3% | 0.0%, 16.5%, 13.8%, 26.3% |
| OKLCH | 0.7707 0.0343 184.6 | 0.7252 0.0373 7.1 |
コントラストとアクセシビリティ
1.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BC9DA2 → 背景色: #9DBCB7
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9DBCB7 → 背景色: #BC9DA2
色差 (Delta E)
24.7
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #9DBCB7, #BC9DA2);
background: linear-gradient(135deg, #9DBCB7, #BC9DA2);