カラー詳細: #64748b

この色について

#64748b は中程度の明るさのくすんだ青系の色です。RGB値は (100, 116, 139)、HSL値は 215°/16%/47% です。青の持つ爽快感・透明感・信頼性を表現します。テクノロジー・メディア・教育分野のUIに親しみ深い色です。推奨テキスト色は白（コントラスト比 4.76:1）です。白テキストとの比率がWCAG AA（4.5:1）を満たします。

カラー情報

RGB: 100, 116, 139
HSL: 215°, 16%, 47%
明度(HSL-L): 47%
推奨テキスト色: #ffffff
コントラスト比(黒): 4.41:1
コントラスト比(白): 4.76:1

補色 (Complementary)

色相環で正反対に位置する色です。コントラストが強く、アクセントカラーとして使われます。

#64748b

#8b7b64

類似色 (Analogous)

色相環で隣り合う色です。まとまりのある配色を作るときに使われます。

#64888b

#647e8b

#64748b

#646a8b

#67648b

グラデーション作成

色 A色 B

タイプ

方向

パターン

linear-gradient(to right, #64748b, #8b7b64)

ダウンロードサイズ

×px