Yellow Color Family

Pale Goldenrod Color Hex Code, RGB & HSL Values

Browse all Yellow Colors

What is the meaning of the Pale Goldenrod color?

Pale Goldenrod is a soft, muted pastel gold shade. It provides a quiet, luxurious background tone that suggests quality and heritage without being overly bright or flashy.

How to use the Pale Goldenrod color hex code in HTML & CSS?

Developers can invoke Pale Goldenrod color codes in stylesheets using color: #EEE8AA;. For modern CSS frameworks, set it as a variable --color-pale goldenrod: #EEE8AA;, or implement it in Tailwind using bg-[#EEE8AA].

What are the RGB and HSL codes of Pale Goldenrod?

The RGB breakdown for Pale Goldenrod is rgb(238, 232, 170). In HSL space, it translates to 55° hue, 67% saturation, and 80% lightness, rendering a balanced, moderate saturation.

CMYK print profiles for Pale Goldenrod color

For print design projects using CMYK ink models, Pale Goldenrod corresponds to Cyan: 0%, Magenta: 3%, Yellow: 29%, and Black: 7%. Yellow shades are excellent warning triggers and call-to-actions, radiating optimism, energy, and caution.

Red Channel 238
Green Channel 232
Blue Channel 170
Luminance 0.788

Pale Goldenrod Color Space Conversions

Click to copy format
HEX Color Code #EEE8AA
RGB (Red Green Blue) rgb(238, 232, 170)
HSL (Hue Sat Light) hsl(55°, 67%, 80%)
CMYK (Commercial Print) cmyk(0%, 3%, 29%, 7%)
HSV / HSB Values hsv(55°, 29%, 93%)
Decimal Color Code 15657130
CSS Custom Variable --color-hex: #EEE8AA;
Tailwind CSS Utility bg-[#EEE8AA]
CSS Named Color palegoldenrod

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #EEE8AA

Small body copy preview

Black Text on Background

Black text readability test with #EEE8AA

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Pale Goldenrod */
--color-hex: #EEE8AA;
--color-rgb: rgb(238, 232, 170);
--color-hsl: hsl(55deg, 67%, 80%);
--color-name: palegoldenrod;

Aa Known Color Aliases

Pale Goldenrod palegoldenrod (CSS Identifier) Pale GoldSoft YellowLight Khaki

Pale Goldenrod Color Meaning

In design psychology, Pale Goldenrod is classified as a yellow shade, inheriting its psychological associations. The yellow hue is the most luminous of all colors, instantly grabbing attention and stimulating mental activity. It is associated with logic, creativity, and the joy of learning. Yellow communicates optimism, clarity, and warmth in design contexts. However, its intensity can cause eye fatigue when overused. In brand design, yellow signals positivity and energy — taxi cabs, warning signs, and tech companies all leverage its visibility. Culturally, yellow represents prosperity and good fortune in many Asian cultures, while in Western contexts it symbolizes happiness and caution in equal measure.

Emotions & Associations

HappinessOptimismCautionWarmth

Industries

EducationFoodChildren's Products

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!