タンジェリン

普通のオレンジより少し黄色みが強い、果物の皮のような鮮やかなオレンジです。フレッシュで夏らしい印象を与えます。夏服やジュースのパッケージ、明るい雰囲気のアプリにぴったりです。

別名：みかん色, タンジェリンオレンジ

タンジェリン · #F28500

タンジェリンの基本情報

タンジェリン（#F28500）は、暖色系・中くらいの明るさ・鮮やかの色です。オレンジ系の色のグループに属します。RGBの値は赤242・緑133・青0（各255段階）。主な用途：ファッション, ブランディング, ウェブ。

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

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

スプリット・コンプリメンタリー近い色：ダークターコイズ, 青

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

モノクロマティックパレット · タンジェリン

類似色パレット · タンジェリン

補色パレット · タンジェリン

トライアドパレット · タンジェリン

ニュートラルカラー入りパレット · タンジェリン

アクセントカラー入りパレット · タンジェリン

白い文字コントラスト比 2.6:1 · 非推奨

黒い文字コントラスト比 8.1:1 · AAA

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

:root {
  --tangerine: #F28500;
  --tangerine-rgb: 242, 133, 0;
}
.bg { background-color: var(--tangerine); }
.text { color: var(--tangerine); }

タンジェリンのカラーコードは？

タンジェリンのHEXコードは#F28500です。RGBではrgb(242, 133, 0)、HSLではhsl(33, 100%, 47%)、CMYKでは0, 45, 100, 5となります。

タンジェリンの補色は何色ですか？

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

タンジェリンの上に白い文字を置いても読みやすいですか？

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