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

色

#bec270 のカラーコード

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

#bec270
HEX#bec270
RGBrgb(190, 194, 112)
HSLhsl(63, 40%, 60%)
CMYK（目安）cmyk(2%, 0%, 42%, 24%)

補色・配色パターン

補色#7470c2反転色#413d8fトライアド1#70bec2トライアド2#c270be分裂補色1#7095c2分裂補色2#9d70c2類似色1#c29d70類似色2#95c270

明るさのバリエーション

明度 90%#eff0db明度 75%#d6d9a6明度 60%#bec270明度 45%#9ca145明度 30%#686b2e明度 15%#343617

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

あいう Aa 123

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

あいう Aa 123

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

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