#6C736E
#6C736E
#736C71
#736C71
カラー値
| フォーマット | #6C736E | #736C71 |
|---|---|---|
| HEX | #6C736E | #736C71 |
| RGB | 108, 115, 110 | 115, 108, 113 |
| HSL | 137.1, 3.1%, 43.7% | 317.1, 3.1%, 43.7% |
| HSV | 137.1, 6.1%, 45.1% | 317.1, 6.1%, 45.1% |
| CMYK | 6.1%, 0.0%, 4.3%, 54.9% | 0.0%, 6.1%, 1.7%, 54.9% |
| OKLCH | 0.5479 0.0114 154.9 | 0.5393 0.0115 335.7 |
コントラストとアクセシビリティ
1.05:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #736C71 → 背景色: #6C736E
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #6C736E → 背景色: #736C71
色差 (Delta E)
8.36
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #6C736E, #736C71);
background: linear-gradient(135deg, #6C736E, #736C71);