カラー詳細: #0ea5e9

この色について

#0ea5e9 は中程度の明るさの非常に鮮やかな青系の色です。RGB値は (14, 165, 233)、HSL値は 199°/89%/48% です。青の持つ爽快感・透明感・信頼性を表現します。テクノロジー・メディア・教育分野のUIに親しみ深い色です。推奨テキスト色は黒（コントラスト比 7.58:1）です。黒テキストとの比率が7以上でWCAG AAAを満たします。

カラー情報

RGB: 14, 165, 233
HSL: 199°, 89%, 48%
明度(HSL-L): 48%
推奨テキスト色: #000000
コントラスト比(黒): 7.58:1
コントラスト比(白): 2.77:1

補色 (Complementary)

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

#0ea5e9

#e9520e

類似色 (Analogous)

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

#0ee9bf

#0edce9

#0ea5e9

#0e6ee9

#0e38e9

グラデーション作成

色 A色 B

タイプ

方向

パターン

linear-gradient(to right, #0ea5e9, #e9520e)

ダウンロードサイズ

×px