熟したバナナの皮のような、明るくやさしい黄色です。元気で親しみやすく、子ども向けのグッズや食品のパッケージに人気です。夏らしいポップなデザインにもぴったりです。
別名:バナナ色
服・ネイル・髪色・部屋・車・スマホケースで、バナナイエローがどう見えるかをチェック。
明るさ
合わせる色
バナナイエローのHEXコードは#FFE135です。RGBではrgb(255, 225, 53)、HSLではhsl(51, 100%, 60%)、CMYKでは0, 12, 79, 0となります。
バナナイエロー(#FFE135)は、暖色系・中くらいの明るさ・鮮やかの色です。黄色系の色のグループに属します。RGBの値は赤255・緑225・青53(各255段階)。主な用途:食品, 子ども向け, 夏。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--banana-yellow: #FFE135;
--banana-yellow-rgb: 255, 225, 53;
}
.bg { background-color: var(--banana-yellow); }
.text { color: var(--banana-yellow); }
バナナイエローのHEXコードは#FFE135です。RGBではrgb(255, 225, 53)、HSLではhsl(51, 100%, 60%)、CMYKでは0, 12, 79, 0となります。
色相環で反対側にある補色は#3553FFで、エレクトリックブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は1.3:1しかありませんが、黒とは16.1:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか? 詳しく見る