色
#506f96 のカラーコード
HEX・RGB・HSL・CMYK の値、補色や配色パターン、白・黒の文字を乗せたときのコントラスト比をまとめています。
#506f96
| HEX | #506f96 | |
|---|---|---|
| RGB | rgb(80, 111, 150) | |
| HSL | hsl(213, 30%, 45%) | |
| CMYK（目安） | cmyk(47%, 26%, 0%, 41%) |
補色・配色パターン
明るさのバリエーション
文字色との見やすさ（WCAG）
白の文字：コントラスト比 5.18 : 1（AA）
黒の文字：コントラスト比 4.06 : 1（AA（大きい文字のみ））