計算・変換ツール入力を送らない・登録不要ツールを探す

色

#36a3af のカラーコード

HEX・RGB・HSL・CMYK の値、補色や配色パターン、白・黒の文字を乗せたときのコントラスト比をまとめています。

#36a3af
HEX#36a3af
RGBrgb(54, 163, 175)
HSLhsl(186, 53%, 45%)
CMYK(目安)cmyk(69%, 7%, 0%, 31%)

補色・配色パターン

明るさのバリエーション

文字色との見やすさ(WCAG)

あいう Aa 123

白の文字:コントラスト比 2.99 : 1(不合格)

あいう Aa 123

黒の文字:コントラスト比 7.01 : 1(AAA)

ほかの色をカラーコード変換ツールで調べる