色
#22a4c4 のカラーコード
HEX・RGB・HSL・CMYK の値、補色や配色パターン、白・黒の文字を乗せたときのコントラスト比をまとめています。
#22a4c4
| HEX | #22a4c4 | |
|---|---|---|
| RGB | rgb(34, 164, 196) | |
| HSL | hsl(192, 70%, 45%) | |
| CMYK（目安） | cmyk(83%, 16%, 0%, 23%) |
補色・配色パターン
明るさのバリエーション
文字色との見やすさ（WCAG）
白の文字：コントラスト比 2.93 : 1（不合格）
黒の文字：コントラスト比 7.18 : 1（AAA）