ダークオレンジの基本情報
ダークオレンジ（#FF8C00）は、暖色系・中くらいの明るさ・鮮やかの色です。オレンジ系の色のグループに属します。RGBの値は赤255・緑140・青0（各255段階）。主な用途：ウェブ, サイン・標識, スポーツ。
明るく力強い、深みのあるオレンジです。目を引きながらも赤ほど強すぎず、ウェブのボタンや注意を促す表示に向いています。スポーツチームのカラーとしても人気です。
別名：濃いオレンジ
服・ネイル・髪色・部屋・車・スマホケースで、ダークオレンジがどう見えるかをチェック。
明るさ
合わせる色
ダークオレンジのHEXコードは#FF8C00です。RGBではrgb(255, 140, 0)、HSLではhsl(33, 100%, 50%)、CMYKでは0, 45, 100, 0となります。
ダークオレンジ（#FF8C00）は、暖色系・中くらいの明るさ・鮮やかの色です。オレンジ系の色のグループに属します。RGBの値は赤255・緑140・青0（各255段階）。主な用途：ウェブ, サイン・標識, スポーツ。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--dark-orange: #FF8C00;
--dark-orange-rgb: 255, 140, 0;
}
.bg { background-color: var(--dark-orange); }
.text { color: var(--dark-orange); }
ダークオレンジのHEXコードは#FF8C00です。RGBではrgb(255, 140, 0)、HSLではhsl(33, 100%, 50%)、CMYKでは0, 45, 100, 0となります。
色相環で反対側にある補色は#0073FFで、エレクトリックブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は2.3:1しかありませんが、黒とは9.0:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る