バターイエローの基本情報
バターイエロー（#FFFD74）は、暖色系・明るめ・鮮やかの色です。黄色系の色のグループに属します。RGBの値は赤255・緑253・青116（各255段階）。主な用途：インテリア, ファッション, 製菓。
バターのような、やわらかくクリーミーな淡い黄色です。明るさと温かみがありながらまぶしすぎず、キッチンやカフェの壁にぴったりです。春のファッションや焼き菓子のパッケージにも人気です。
別名：バター色
服・ネイル・髪色・部屋・車・スマホケースで、バターイエローがどう見えるかをチェック。
明るさ
合わせる色
バターイエローのHEXコードは#FFFD74です。RGBではrgb(255, 253, 116)、HSLではhsl(59, 100%, 73%)、CMYKでは0, 1, 55, 0となります。
バターイエロー（#FFFD74）は、暖色系・明るめ・鮮やかの色です。黄色系の色のグループに属します。RGBの値は赤255・緑253・青116（各255段階）。主な用途：インテリア, ファッション, 製菓。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--butter-yellow: #FFFD74;
--butter-yellow-rgb: 255, 253, 116;
}
.bg { background-color: var(--butter-yellow); }
.text { color: var(--butter-yellow); }
バターイエローのHEXコードは#FFFD74です。RGBではrgb(255, 253, 116)、HSLではhsl(59, 100%, 73%)、CMYKでは0, 1, 55, 0となります。
色相環で反対側にある補色は#7476FFで、エレクトリックブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は1.1:1しかありませんが、黒とは19.6:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る