カラーパレット

パンプキンオレンジ

かぼちゃの中身のような濃いオレンジです。ハロウィンや秋の飾りつけの定番カラーです。ブランケットやクッション、食器にも使われ、居心地のよい家庭的な雰囲気をつくります。

別名：パンプキン, かぼちゃ色

パンプキンオレンジ · #FF7518

パンプキンオレンジの基本情報

パンプキンオレンジ（#FF7518）は、暖色系・中くらいの明るさ・鮮やかの色です。オレンジ系の色のグループに属します。RGBの値は赤255・緑117・青24（各255段階）。主な用途：インテリア, イベント, イラスト。

パンプキンオレンジの濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

パンプキンオレンジの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：フレンチブルー
類似色近い色：赤, カナリアイエロー
トライアド近い色：ミントグリーン, バイオレット
スプリット・コンプリメンタリー近い色：シアン, 青
テトラード近い色：ネオングリーン, フレンチブルー, マゼンタ

パンプキンオレンジを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · パンプキンオレンジ
類似色パレット · パンプキンオレンジ
補色パレット · パンプキンオレンジ
トライアドパレット · パンプキンオレンジ
ニュートラルカラー入りパレット · パンプキンオレンジ
アクセントカラー入りパレット · パンプキンオレンジ

パンプキンオレンジと文字色のコントラスト

白い文字コントラスト比 2.7:1 · 非推奨
黒い文字コントラスト比 7.8:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --pumpkin-orange: #FF7518;
  --pumpkin-orange-rgb: 255, 117, 24;
}
.bg { background-color: var(--pumpkin-orange); }
.text { color: var(--pumpkin-orange); }

パンプキンオレンジに近い色

オレンジネオンオレンジタンジェリンバーントオレンジシナモンオレンジレッドコーラルキャロットオレンジマホガニートマトレッド

この色を使ったテーマ別パレット

スマホアプリのカラーパレットジム・フィットネスのカラーパレットネオンカラーのパレットハロウィンのカラーパレット明るく楽しいカラーパレットジャングルのカラーパレット

その他のオレンジ系の色

オレンジタンジェリンキャロットオレンジアプリコットピーチコーラルテラコッタバーントオレンジサーモンピンク錆色銅色ネオンオレンジパステルオレンジオレンジレッド

よくある質問

パンプキンオレンジのカラーコードは？

パンプキンオレンジのHEXコードは#FF7518です。RGBではrgb(255, 117, 24)、HSLではhsl(24, 100%, 55%)、CMYKでは0, 54, 91, 0となります。

パンプキンオレンジの補色は何色ですか？

色相環で反対側にある補色は#18A2FFで、フレンチブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

パンプキンオレンジの上に白い文字を置いても読みやすいですか？

黒い文字のほうがおすすめです。白とのコントラスト比は2.7:1しかありませんが、黒とは7.8:1になります。