モクレンの花びらのような、ほんのり紫がかったやさしい白です。真っ白より温かく、空間をやわらかく見せてくれます。イギリスでは室内の壁の定番色として長く愛されています。
別名:マグノリアホワイト, 木蓮色
服・ネイル・髪色・部屋・車・スマホケースで、マグノリアがどう見えるかをチェック。
明るさ
合わせる色
マグノリアのHEXコードは#F8F4FFです。RGBではrgb(248, 244, 255)、HSLではhsl(262, 100%, 98%)、CMYKでは3, 4, 0, 0となります。
マグノリア(#F8F4FF)は、寒色系・明るめ・鮮やかの色です。白系の色のグループに属します。RGBの値は赤248・緑244・青255(各255段階)。主な用途:インテリア, 塗料, ウェディング。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
パーソナルカラー×季節別に、マグノリア(または近い色)を使ったコーデをまとめました。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--magnolia: #F8F4FF;
--magnolia-rgb: 248, 244, 255;
}
.bg { background-color: var(--magnolia); }
.text { color: var(--magnolia); }
マグノリアのHEXコードは#F8F4FFです。RGBではrgb(248, 244, 255)、HSLではhsl(262, 100%, 98%)、CMYKでは3, 4, 0, 0となります。
色相環で反対側にある補色は#FBFFF4で、アイボリーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は1.1:1しかありませんが、黒とは19.4:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか? 詳しく見る