Peach Puff Color Hex Code, RGB & HSL Values

What is the meaning of the Peach Puff color?

Peach Puff is an extremely soft, warm cream color with pink and orange undertones. It represents comfort, innocence, and delicate softness, ideal for cosmetic packaging and infant product branding.

How to use the Peach Puff color hex code in HTML & CSS?

To style elements with Peach Puff on a website, use the hex code #FFDAB9 in your HTML/CSS. Adding background-color: #FFDAB9; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#FFDAB9] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Peach Puff?

In the digital sRGB spectrum, the Peach Puff color code is mapped to RGB values of Red: 255, Green: 218, and Blue: 185. In the HSL system, it registers at hue angle 28°, saturation 100%, and lightness index 86%. It represents a bright, soft tint characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Peach Puff color

To reproduce the named shade Peach Puff in print systems, the CMYK ink configuration requires 0% Cyan, 15% Magenta, 27% Yellow, and 0% black. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 255

Green Channel 218

Blue Channel 185

Luminance 0.749

⇄ Peach Puff Color Space Conversions

Click to copy format

HEX Color Code #FFDAB9

RGB (Red Green Blue) rgb(255, 218, 185)

HSL (Hue Sat Light) hsl(28°, 100%, 86%)

CMYK (Commercial Print) cmyk(0%, 15%, 27%, 0%)

HSV / HSB Values hsv(28°, 27%, 100%)

Decimal Color Code 16767673

CSS Custom Variable --color-hex: #FFDAB9;

Tailwind CSS Utility bg-[#FFDAB9]

CSS Named Color peachpuff

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #FFDAB9

Small body copy preview

Black Text on Background

Black text readability test with #FFDAB9

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 Peach Puff */
--color-hex: #FFDAB9;
--color-rgb: rgb(255, 218, 185);
--color-hsl: hsl(28deg, 100%, 86%);
--color-name: peachpuff;

Aa Known Color Aliases

✦ Peach Puff Color Meaning

Representing the orange color family, Peach Puff carries the intrinsic characteristics of this organic hue. This color group is the color of adventure, enthusiasm, and creative energy. Unlike the urgency of red, orange feels approachable and fun, stimulating social interaction and positive feelings. It represents harvest, warmth, and vitality across cultures. In design, orange creates a sense of affordable quality — it's energetic without being aggressive. Tech companies use orange to convey innovation and friendliness, while food brands leverage its association with appetite stimulation and warmth. Orange is one of the most visible colors in nature, used in safety equipment precisely for its high visibility.

Emotions & Associations

AdventureConfidenceWarmthEnthusiasm

Industries

SportsRetailTechnology