Pastel Yellow

#FFEE8C

What color is Pastel Yellow?

Pastel yellow is a soft, pale yellow with a warm, creamy tone, hex #FFEE8C, lighter and more muted than a sunflower petal. The color has a gentle glow without feeling bright or sharp, sitting close to the yellow of fresh butter.

What is the meaning of the color Pastel Yellow?

Pale yellow dyes appeared in European textile trade as early as the 16th century, produced from weld, a plant grown across France and England for its light golden hue. Pastel as a color category gained formal recognition in the 18th century, when soft tints became fashionable in French decorative arts under the reign of Louis XV. The Rococo period adopted these light, airy tones for interior fabrics, painted furniture, and porcelain, connecting pale yellow to refinement and delicacy. Pantone formalized pastel yellow as a seasonal palette color in the 20th century, anchoring it to spring fashion cycles in retail and print.

RGB
255, 238, 140
HSL
51°, 100%, 77%
CMYK
0, 7, 45, 0
HSV
51°, 45%, 100%
Pastel yellow color

What colors go with Pastel Yellow?

Colors that pair well with Pastel yellow include:
Soft lavender: gentle complementary contrast
Mint green: fresh, light balance
White: clean, airy softness
Dusty rose: warm tonal harmony
Light grey: quiet, grounding neutral

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFEE8C color: #FFEE8C;
RGB 255, 238, 140 color: rgb(255, 238, 140);
RGB Percentage 100%, 93%, 55% color: rgb(100%, 93%, 55%);
CMYK 0%, 7%, 45%, 0% Not supported in CSS
HSL 51°, 100%, 77% color: hsl(51, 100%, 77%);
HSV 51°, 45%, 100% Not supported in CSS
CIE-LAB 62, 3, 33 color: lab(62% 3 33);
Decimal 16772748 Not supported in CSS

Color Variations

Shades

#FFED8A
#FFE862
#FFE23B
#FFDC14
#ECC800
#C4A700
#9D8600
#766400

Tints

#FFFADC
#FFF8D0
#FFF6C4
#FFF4B9
#FFF3AD
#FFF1A1
#FFEF95
#FFED8A

Tones

#FFED8A
#F9E990
#F3E595
#EDE19B
#E8DDA1
#E2D9A7
#DCD5AD
#D6D1B3

Hues

#FFED8A
#B9FF8A
#8AFFB3
#8AF3FF
#8A9BFF
#D08AFF
#FF8AD6
#FF958A

Color Harmonies

Analogous

#FFB38A
Click to copy
#FFEE8C
Click to copy
#D6FF8A
Click to copy

Complementary

#FFEE8C
Click to copy
#8A9BFF
Click to copy

Split Complementary

#FFEE8C
Click to copy
#8AD6FF
Click to copy
#B38AFF
Click to copy

Triadic

#FFEE8C
Click to copy
#8AFFED
Click to copy
#ED8AFF
Click to copy

Tetradic

#FFEE8C
Click to copy
#8AFFB3
Click to copy
#8A9BFF
Click to copy
#FF8AD6
Click to copy

Square

#FFEE8C
Click to copy
#8AFFB3
Click to copy
#8A9BFF
Click to copy
#FF8AD6
Click to copy

CSS & Dev Snippets

CSS
.pastel-yellow {
  color: #FFEE8C;
}
SCSS
$pastel-yellow: #FFEE8C;
RGB
rgb(255, 238, 140)

Accessibility & Contrast

White background

1.18:1
1.18
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.86:1
17.86
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags