#398884
#398884
#88393D
#88393D
カラー値
| フォーマット | #398884 | #88393D |
|---|---|---|
| HEX | #398884 | #88393D |
| RGB | 57, 136, 132 | 136, 57, 61 |
| HSL | 177.0, 40.9%, 37.8% | 357.0, 40.9%, 37.8% |
| HSV | 177.0, 58.1%, 53.3% | 357.0, 58.1%, 53.3% |
| CMYK | 58.1%, 0.0%, 2.9%, 46.7% | 0.0%, 58.1%, 55.1%, 46.7% |
| OKLCH | 0.5769 0.0771 190.7 | 0.4528 0.1084 19.4 |
コントラストとアクセシビリティ
1.86:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #88393D → 背景色: #398884
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #398884 → 背景色: #88393D
色差 (Delta E)
64.58
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #398884, #88393D);
background: linear-gradient(135deg, #398884, #88393D);