白を多く含んだやわらかい黄色で、親しみやすく明るい色です。子ども部屋や文房具、ウェブサイトの背景でよく使われます。ミントやライラックなど、ほかのパステルカラーとよく合います。
別名：淡い黄色, クリームイエロー
パステルイエロー（#FDFD96）は、暖色系・明るめ・鮮やかの色です。黄色系の色のグループに属します。RGBの値は赤253・緑253・青150（各255段階）。主な用途：子ども向け, インテリア, ウェブ。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--pastel-yellow: #FDFD96;
--pastel-yellow-rgb: 253, 253, 150;
}
.bg { background-color: var(--pastel-yellow); }
.text { color: var(--pastel-yellow); }パステルイエローのHEXコードは#FDFD96です。RGBではrgb(253, 253, 150)、HSLではhsl(60, 96%, 79%)、CMYKでは0, 0, 41, 1となります。
色相環で反対側にある補色は#9696FDで、ラベンダーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は1.1:1しかありませんが、黒とは19.7:1になります。