マンゴーの基本情報
マンゴー（#FF8243）は、暖色系・中くらいの明るさ・鮮やかの色です。オレンジ系の色のグループに属します。RGBの値は赤255・緑130・青67（各255段階）。主な用途：食品, 夏, グラフィックデザイン。
熟したマンゴーの果肉のような、明るくジューシーなオレンジです。南国らしい元気な雰囲気があり、夏のキャンペーンやドリンクのパッケージにぴったりです。食欲をそそる色でもあります。
別名：マンゴーオレンジ
服・ネイル・髪色・部屋・車・スマホケースで、マンゴーがどう見えるかをチェック。
明るさ
合わせる色
マンゴーのHEXコードは#FF8243です。RGBではrgb(255, 130, 67)、HSLではhsl(20, 100%, 63%)、CMYKでは0, 49, 74, 0となります。
マンゴー（#FF8243）は、暖色系・中くらいの明るさ・鮮やかの色です。オレンジ系の色のグループに属します。RGBの値は赤255・緑130・青67（各255段階）。主な用途：食品, 夏, グラフィックデザイン。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--mango: #FF8243;
--mango-rgb: 255, 130, 67;
}
.bg { background-color: var(--mango); }
.text { color: var(--mango); }
マンゴーのHEXコードは#FF8243です。RGBではrgb(255, 130, 67)、HSLではhsl(20, 100%, 63%)、CMYKでは0, 49, 74, 0となります。
色相環で反対側にある補色は#43C0FFで、ディープスカイブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は2.5:1しかありませんが、黒とは8.5:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る