カラー詳細: #f59e0b

この色について

#f59e0b は中程度の明るさの非常に鮮やかなオレンジ系の色です。RGB値は (245, 158, 11)、HSL値は 38°/92%/50% です。オレンジが持つ活気・温かさ・フレンドリーさを体現する色です。食欲を刺激し、親しみやすいブランドイメージを作ります。推奨テキスト色は黒（コントラスト比 9.78:1）です。黒テキストとの比率が7以上でWCAG AAAを満たします。

カラー情報

RGB: 245, 158, 11
HSL: 38°, 92%, 50%
明度(HSL-L): 50%
推奨テキスト色: #000000
コントラスト比(黒): 9.78:1
コントラスト比(白): 2.15:1

補色 (Complementary)

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

#f59e0b

#0b62f5

類似色 (Analogous)

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

#f5290b

#f5630b

#f59e0b

#f5d90b

#d7f50b

グラデーション作成

色 A色 B

タイプ

方向

パターン

linear-gradient(to right, #f59e0b, #0b62f5)

ダウンロードサイズ

×px