#5F9893
#5F9893
#985F64
#985F64
カラー値
| フォーマット | #5F9893 | #985F64 |
|---|---|---|
| HEX | #5F9893 | #985F64 |
| RGB | 95, 152, 147 | 152, 95, 100 |
| HSL | 174.7, 23.1%, 48.4% | 354.7, 23.1%, 48.4% |
| HSV | 174.7, 37.5%, 59.6% | 354.7, 37.5%, 59.6% |
| CMYK | 37.5%, 0.0%, 3.3%, 40.4% | 0.0%, 37.5%, 34.2%, 40.4% |
| OKLCH | 0.6389 0.0605 188.7 | 0.5496 0.0747 14.1 |
コントラストとアクセシビリティ
1.54:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #985F64 → 背景色: #5F9893
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #5F9893 → 背景色: #985F64
色差 (Delta E)
46.59
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #5F9893, #985F64);
background: linear-gradient(135deg, #5F9893, #985F64);