#08ABA4
#08ABA4
#AB080F
#AB080F
カラー値
| フォーマット | #08ABA4 | #AB080F |
|---|---|---|
| HEX | #08ABA4 | #AB080F |
| RGB | 8, 171, 164 | 171, 8, 15 |
| HSL | 177.4, 91.1%, 35.1% | 357.4, 91.1%, 35.1% |
| HSV | 177.4, 95.3%, 67.1% | 357.4, 95.3%, 67.1% |
| CMYK | 95.3%, 0.0%, 4.1%, 32.9% | 0.0%, 95.3%, 91.2%, 32.9% |
| OKLCH | 0.6691 0.1147 189.6 | 0.4687 0.1876 27.7 |
コントラストとアクセシビリティ
2.66:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AB080F → 背景色: #08ABA4
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #08ABA4 → 背景色: #AB080F
色差 (Delta E)
112.02
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #08ABA4, #AB080F);
background: linear-gradient(135deg, #08ABA4, #AB080F);