カラーパレット

フューシャピンク

植物学者レオンハルト・フックスにちなんで名づけられたフクシアの花に由来します。紫みを帯びた、とても強いピンクです。夏のファッションや口紅、若々しいブランドによく使われます。

別名：フューシャ, フクシア

フューシャピンク · #F400A1

フューシャピンクの基本情報

フューシャピンク（#F400A1）は、中間色系・中くらいの明るさ・鮮やかの色です。ピンク系の色のグループに属します。RGBの値は赤244・緑0・青161（各255段階）。主な用途：ファッション, メイク, ブランディング。

フューシャピンクの濃淡：明るいトーンと暗いトーン

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

フューシャピンクに合う色

黒力強く上品なコントラストです。白爽やかで清潔感のある印象に。グレーくすませずにフューシャピンクを落ち着かせます。ネイビー深みのある洗練されたコントラストです。オレンジ鮮やかで、とても夏らしい組み合わせです。エメラルドグリーン宝石のような色同士のコントラストです。ベージュやわらげてくれる温かいベースです。ターコイズ陽気でトロピカルな組み合わせです。
フューシャピンクのファッション・インテリアでの合わせ方 →

フューシャピンクの配色ハーモニー

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

補色近い色：ネオングリーン
類似色近い色：マゼンタ, 赤
トライアド近い色：ライムグリーン, フレンチブルー
スプリット・コンプリメンタリー近い色：ネオングリーン, アクアマリン
テトラード近い色：ゴールド, ネオングリーン, 青

フューシャピンクを使ったカラーパレット

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

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

フューシャピンクと文字色のコントラスト

白い文字コントラスト比 3.9:1 · AA（大きな文字）
黒い文字コントラスト比 5.4:1 · AA

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

CSSコード

:root {
  --fuchsia: #F400A1;
  --fuchsia-rgb: 244, 0, 161;
}
.bg { background-color: var(--fuchsia); }
.text { color: var(--fuchsia); }

フューシャピンクに近い色

ディープピンクメキシカンピンクネオンピンクホットピンクオーキッドラズベリーブラッシュピンクパープルマゼンタプラム

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

ネオンカラーのパレット

その他のピンク系の色

ピンクくすみピンクオールドローズマゼンタホットピンクメキシカンピンクパステルピンクベビーピンクディープピンクラズベリーローズクォーツローズゴールドブラッシュピンクフラミンゴピンクネオンピンクダスティローズ

よくある質問

フューシャピンクのカラーコードは？

フューシャピンクのHEXコードは#F400A1です。RGBではrgb(244, 0, 161)、HSLではhsl(320, 100%, 48%)、CMYKでは0, 100, 34, 4となります。

フューシャピンクの補色は何色ですか？

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

フューシャピンクの上に白い文字を置いても読みやすいですか？

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

フューシャピンクに合う色は？

相性のよい色：黒, 白, グレー, ネイビー, オレンジ。赤や淡いピンクと合わせると、競い合ったりごちゃついて見えたりするので避けましょう。フューシャピンクを多く使いながら別の強い色を合わせると、目が疲れることがあります。