#74BA9F
#74BA9F
#BA748F
#BA748F
カラー値
| フォーマット | #74BA9F | #BA748F |
|---|---|---|
| HEX | #74BA9F | #BA748F |
| RGB | 116, 186, 159 | 186, 116, 143 |
| HSL | 156.9, 33.7%, 59.2% | 336.9, 33.7%, 59.2% |
| HSV | 156.9, 37.6%, 72.9% | 336.9, 37.6%, 72.9% |
| CMYK | 37.6%, 0.0%, 14.5%, 27.1% | 0.0%, 37.6%, 23.1%, 27.1% |
| OKLCH | 0.7347 0.0816 167.7 | 0.6414 0.0941 355.4 |
コントラストとアクセシビリティ
1.55:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BA748F → 背景色: #74BA9F
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #74BA9F → 背景色: #BA748F
色差 (Delta E)
61.71
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #74BA9F, #BA748F);
background: linear-gradient(135deg, #74BA9F, #BA748F);