Codes & values
- Color Name
Pastel Yellow - Color ID
KDF-C-16645526 - HEX
#FDFD96 - RGB
rgb(253, 253, 150) - RGBA
rgba(253, 253, 150, 1) - HSL
hsl(60, 96%, 79%) - HSLA
hsla(60, 96%, 79%, 1) - HSV / HSB
hsv(60, 41%, 99%) - CMYK
cmyk(0%, 0%, 41%, 1%) - Light / Dark
light
Quick answers
- What is the HEX code for Pastel Yellow?
- #FDFD96
- What is Pastel Yellow RGB?
- rgb(253, 253, 150)
- What is Pastel Yellow HSL?
- hsl(60, 96%, 79%)
- What is Pastel Yellow CMYK?
- cmyk(0%, 0%, 41%, 1%)
What is Pastel Yellow?
Pastel Yellow is a curated yellow family color at #FDFD96. It appears in our library with tags for design, background. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Pastel Yellow HEX code
The HEX code for Pastel Yellow is #FDFD96. Paste it into CSS as color: #FDFD96; or background-color: #FDFD96;. Design tools accept the same six-digit value without the # prefix (fdfd96).
Pastel Yellow RGB
Pastel Yellow in RGB is rgb(253, 253, 150) (channels R 253, G 253, B 150). Use RGB when you need opacity via rgba(253, 253, 150, 1).
Pastel Yellow HSL & HSV
HSL is hsl(60, 96%, 79%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(60, 41%, 99%), closer to how many digital pickers expose hue, saturation, and brightness.
Pastel Yellow CMYK
Approximate CMYK for Pastel Yellow is cmyk(0%, 0%, 41%, 1%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Pastel Yellow
Darker shades (mixed toward black): #D3D37D, #A9A964, #7F7F4B, #545432, #2A2A19. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Pastel Yellow
Lighter tints (mixed toward white): #FDFDA8, #FEFEB9, #FEFECB, #FEFEDC, #FFFFEE. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Pastel Yellow
Complementary pairing: #FDFD96, #9696FD. Analogous neighbors: #FDCA96, #FDFD96, #CAFD96. Triadic accents: #FDFD96, #96FDFD, #FD96FD. Always check text contrast when pairing.
Pastel Yellow color combinations
A practical combo: primary #FDFD96, complementary accent #9696FD, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #FDFD96, #96C9FD, #C996FD.
Pastel Yellow in web design
Yellow highlights and warnings need careful contrast — prefer dark text on yellow, or use gold/amber variants for luxury without eye strain.
Pastel Yellow in branding
Gold and yellow brands feel optimistic or luxurious depending on saturation — champagne gold vs traffic yellow. Contrast vs white is 1.07:1 (better as a large accent or background than small body text); vs black 19.67:1.
Pastel Yellow as a pastel
Pastel Yellow sits in the pastel range — high lightness, softer saturation. Use it for wellness, kids, and spring campaigns; pair with deeper companions for hierarchy.
Frequently asked questions
- What is the HEX code for Pastel Yellow?
- Pastel Yellow: #FDFD96.
- What is Pastel Yellow RGB?
- Pastel Yellow: rgb(253, 253, 150).
- What is Pastel Yellow HSL?
- Pastel Yellow: hsl(60, 96%, 79%).
- What is Pastel Yellow CMYK?
- Pastel Yellow: cmyk(0%, 0%, 41%, 1%).
- What colors go with Pastel Yellow?
- Try complementary #FDFD96, #9696FD or analogous #FDCA96, #FDFD96, #CAFD96.
- Is Pastel Yellow good for text on white?
- Not ideal for small body text (1.07:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.07:1 (prefer large accent or background). Contrast vs black: 19.67:1. Complementary swatch: #FDFD96, #9696FD.
Explore related
Yellow colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK