カラー詳細: #3b82f6

この色について

#3b82f6 は中程度の明るさの非常に鮮やかな青系の色です。RGB値は (59, 130, 246)、HSL値は 217°/91%/60% です。青の持つ爽快感・透明感・信頼性を表現します。テクノロジー・メディア・教育分野のUIに親しみ深い色です。推奨テキスト色は黒（コントラスト比 5.71:1）です。黒テキストとの比率がWCAG AA（4.5:1）を満たします。

カラー情報

RGB: 59, 130, 246
HSL: 217°, 91%, 60%
明度(HSL-L): 60%
推奨テキスト色: #000000
コントラスト比(黒): 5.71:1
コントラスト比(白): 3.68:1

補色 (Complementary)

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

#3b82f6

#f6af3b

類似色 (Analogous)

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

#3bdff6

#3bb1f6

#3b82f6

#3b53f6

#513bf6

グラデーション作成

色 A色 B

タイプ

方向

パターン

linear-gradient(to right, #3b82f6, #f6af3b)

ダウンロードサイズ

×px