カラーパレット

シャンパン

フランスのスパークリングワインにちなんだ名前です。とても明るく輝く、黄金色がかったベージュです。ウェディングドレスや結婚式の装飾、家電の仕上げによく使われます。

別名:シャンパンゴールド, シャンパン色

シャンパン · #F7E7CE

シャンパンの基本情報

シャンパン(#F7E7CE)は、暖色系・明るめ・中くらいの彩度の色です。黄色系の色のグループに属します。RGBの値は赤247・緑231・青206(各255段階)。主な用途:ウェディング, イベント, ファッション。

シャンパンの濃淡:明るいトーンと暗いトーン

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

シャンパンに合う色

ゴールド輝きと上品さを引き立てます。白明るく繊細な印象に。黒夜のお出かけに映える上品なコントラストです。ネイビークラシックで洗練された組み合わせです。くすみピンクロマンチックでやわらかな印象に。セージグリーンナチュラルで穏やかな組み合わせです。ワインレッド温かく華やかなコントラストです。グレーニュートラルでモダンな組み合わせです。
シャンパンのファッション・インテリアでの合わせ方 →

シャンパンの配色ハーモニー

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

補色近い色:ライトブルー
スプリット・コンプリメンタリー近い色:パステルターコイズ, パステルライラック

シャンパンを使ったカラーパレット

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

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

シャンパンと文字色のコントラスト

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

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

CSSコード

:root {
  --champagne: #F7E7CE;
  --champagne-rgb: 247, 231, 206;
}
.bg { background-color: var(--champagne); }
.text { color: var(--champagne); }

シャンパンに近い色

アンティークホワイトパールホワイト生成り色エッグシェルボーンホワイトベージュリネンアラバスター小麦色アイボリー

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

その他の黄色系の色

黄色ゴールドオールドゴールドマスタードレモンイエロー琥珀色小麦色ハニーカナリアイエローサフランパステルイエロー蛍光イエローコーンイエローひまわり色

よくある質問

シャンパンのカラーコードは?

シャンパンのHEXコードは#F7E7CEです。RGBではrgb(247, 231, 206)、HSLではhsl(37, 72%, 89%)、CMYKでは0, 6, 17, 3となります。

シャンパンの補色は何色ですか?

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

シャンパンの上に白い文字を置いても読みやすいですか?

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

シャンパンに合う色は?

相性のよい色:ゴールド, 白, 黒, ネイビー, くすみピンク。広い面積で真っ白と合わせると、シャンパンが黄ばんで見えるので避けましょう。ネオンカラーと合わせると上品さが失われます。