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

色

#676b2e のカラーコード

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

#676b2e
HEX#676b2e
RGBrgb(103, 107, 46)
HSLhsl(64, 40%, 30%)
CMYK（目安）cmyk(4%, 0%, 57%, 58%)

補色・配色パターン

補色#322e6b反転色#9894d1トライアド1#2e676bトライアド2#6b2e67分裂補色1#2e496b分裂補色2#512e6b類似色1#6b502e類似色2#496b2e

明るさのバリエーション

明度 90%#eef0db明度 75%#d5d9a6明度 60%#bcc270明度 45%#9ba145明度 30%#676b2e明度 15%#343617

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

あいう Aa 123

白の文字：コントラスト比 5.65 : 1（AA）

あいう Aa 123

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

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