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

色

#a79025 のカラーコード

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

#a79025
HEX#a79025
RGBrgb(167, 144, 37)
HSLhsl(49, 64%, 40%)
CMYK（目安）cmyk(0%, 14%, 78%, 35%)

補色・配色パターン

補色#253ca7反転色#586fdaトライアド1#25a790トライアド2#9025a7分裂補色1#257da7分裂補色2#4f25a7類似色1#a74f25類似色2#7da725

明るさのバリエーション

明度 90%#f6f0d5明度 75%#e8d997明度 60%#dac358明度 45%#bca22a明度 30%#7d6c1c明度 15%#3f360e

文字色との見やすさ（WCAG）

あいう Aa 123

白の文字：コントラスト比 3.15 : 1（AA（大きい文字のみ））

あいう Aa 123

黒の文字：コントラスト比 6.66 : 1（AA）

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