色
#f8563a のカラーコード
HEX・RGB・HSL・CMYK の値、補色や配色パターン、白・黒の文字を乗せたときのコントラスト比をまとめています。
#f8563a
| HEX | #f8563a | |
|---|---|---|
| RGB | rgb(248, 86, 58) | |
| HSL | hsl(9, 93%, 60%) | |
| CMYK（目安） | cmyk(0%, 65%, 77%, 3%) |
補色・配色パターン
明るさのバリエーション
文字色との見やすさ（WCAG）
白の文字：コントラスト比 3.29 : 1（AA（大きい文字のみ））
黒の文字：コントラスト比 6.38 : 1（AA）