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

色

#9ba145 のカラーコード

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

#9ba145
HEX#9ba145
RGBrgb(155, 161, 69)
HSLhsl(64, 40%, 45%)
CMYK（目安）cmyk(4%, 0%, 57%, 37%)

補色・配色パターン

補色#4b45a1反転色#645ebaトライアド1#459ba1トライアド2#a1459b分裂補色1#456da1分裂補色2#7945a1類似色1#a17945類似色2#6da145

明るさのバリエーション

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

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

あいう Aa 123

白の文字：コントラスト比 2.77 : 1（不合格）

あいう Aa 123

黒の文字：コントラスト比 7.58 : 1（AAA）

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