#71BABE
#71BABE
#BE7571
#BE7571
カラー値
| フォーマット | #71BABE | #BE7571 |
|---|---|---|
| HEX | #71BABE | #BE7571 |
| RGB | 113, 186, 190 | 190, 117, 113 |
| HSL | 183.1, 37.2%, 59.4% | 3.1, 37.2%, 59.4% |
| HSV | 183.1, 40.5%, 74.5% | 3.1, 40.5%, 74.5% |
| CMYK | 40.5%, 2.1%, 0.0%, 25.5% | 0.0%, 38.4%, 40.5%, 25.5% |
| OKLCH | 0.7427 0.0732 200.2 | 0.6396 0.0928 23.4 |
コントラストとアクセシビリティ
1.59:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BE7571 → 背景色: #71BABE
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #71BABE → 背景色: #BE7571
色差 (Delta E)
56.99
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #71BABE, #BE7571);
background: linear-gradient(135deg, #71BABE, #BE7571);