カラーパレット

マリーゴールド

マリーゴールドの花のような、オレンジ寄りの温かい黄色です。インドやメキシコの祭りでは、この花が飾りに欠かせません。秋のファッションやボヘミアンなインテリアにもよく合います。

別名:マリーゴールドイエロー, 万寿菊色

エディタで開く

マリーゴールドを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、マリーゴールドがどう見えるかをチェック。

明るさ

合わせる色

マリーゴールドのHEXコードは#EAA221です。RGBではrgb(234, 162, 33)、HSLではhsl(39, 83%, 52%)、CMYKでは0, 31, 86, 8となります。

マリーゴールドに近い色とカラーコード

ハニー#EBA937ゴールデンロッド#DAA520パステルオレンジ#FFB347キャロットオレンジ#ED9121マスタード#E1AD01キャラメル#C68E17金茶きんちゃ · #F39800承和色そがいろ · #D9A62E柑子色こうじいろ · #F6AD49金色きんいろ · #E6B422山吹色やまぶきいろ · #F8B500鬱金色うこんいろ · #FABF14

マリーゴールドの基本情報

マリーゴールド(#EAA221)は、暖色系・中くらいの明るさ・鮮やかの色です。黄色系の色のグループに属します。RGBの値は赤234・緑162・青33(各255段階)。主な用途:イベント, ファッション, インテリア。

マリーゴールドの色見本と明るい色から暗い色までのグラデーション · #EAA221
マリーゴールド · #EAA221

マリーゴールドの濃淡:明るいトーンと暗いトーン

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

この色の濃淡を見る: カラースケール生成ツール

マリーゴールドの配色ハーモニー

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

補色近い色:ロイヤルブルー
類似色近い色:朱色, 蛍光イエロー
スプリット・コンプリメンタリー近い色:ダークターコイズ, 青

マリーゴールドを使ったカラーパレット

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

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

マリーゴールドと文字色のコントラスト

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

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

CSSコード

:root {
  --marigold: #EAA221;
  --marigold-rgb: 234, 162, 33;
}
.bg { background-color: var(--marigold); }
.text { color: var(--marigold); }

マリーゴールドに近い色

サフラン琥珀色ひまわり色タンジェリン

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

その他の黄色系の色

黄色ゴールドオールドゴールドマスタードレモンイエロー琥珀色小麦色ハニーカナリアイエローサフランシャンパンパステルイエロー蛍光イエローコーンイエローひまわり色ゴールデンロッドバターイエローゴールデンイエローバナナイエロー真鍮色
マリーゴールドの色見本と明るい色から暗い色までのグラデーション · #EAA221
マリーゴールドの色見本と明るい色から暗い色までのグラデーション · #EAA221

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るルーレット作成項目を入れて回せるルーレット。カラールーレットもビンゴマシーンボタンで回す抽選マシーンとビンゴカード
無料診断・ツールをすべて見る →

よくある質問

マリーゴールドのカラーコードは?

マリーゴールドのHEXコードは#EAA221です。RGBではrgb(234, 162, 33)、HSLではhsl(39, 83%, 52%)、CMYKでは0, 31, 86, 8となります。

マリーゴールドの補色は何色ですか?

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

マリーゴールドの上に白い文字を置いても読みやすいですか?

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

黄色系の色をすべて見る →