← Back to Editor

#FECCA9 · #FFA9AA · #FF88AB · #FF67AA · #FF44AB

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FECCA9

Apricot · Wheat · Peach Orange

HEX
#FECCA9
RGB
rgb(254, 204, 169)
HSL
hsl(25, 98%, 83%)
HSB
hsb(25, 33%, 100%)
CMYK
cmyk(0%, 20%, 33%, 0%)
Oklch
oklch(88.0% 0.073 56.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFA9AA

Peach Pink · LightPink · Cherry Blossom

HEX
#FFA9AA
RGB
rgb(255, 169, 170)
HSL
hsl(359, 100%, 83%)
HSB
hsb(359, 34%, 100%)
CMYK
cmyk(0%, 34%, 33%, 0%)
Oklch
oklch(81.9% 0.102 18.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FF88AB

Rouge · LightCoral · Cherry Blossom

HEX
#FF88AB
RGB
rgb(255, 136, 171)
HSL
hsl(342, 100%, 77%)
HSB
hsb(342, 47%, 100%)
CMYK
cmyk(0%, 47%, 33%, 0%)
Oklch
oklch(76.7% 0.148 2.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FF67AA

Rouge · LightCoral · Rose Pink

HEX
#FF67AA
RGB
rgb(255, 103, 170)
HSL
hsl(334, 100%, 70%)
HSB
hsb(334, 60%, 100%)
CMYK
cmyk(0%, 60%, 33%, 0%)
Oklch
oklch(72.3% 0.195 355.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF44AB

Mauve · DeepPink · Rose Pink

HEX
#FF44AB
RGB
rgb(255, 68, 171)
HSL
hsl(327, 100%, 63%)
HSB
hsb(327, 73%, 100%)
CMYK
cmyk(0%, 73%, 33%, 0%)
Oklch
oklch(68.8% 0.238 351.6)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FECCA9
A9DBFE

Analogous

FEA9B0
FECCA9
FEF7A9

Triadic

FECCA9
A9FECD
CDA9FE

Split-Comp.

FECCA9
A9FEF7
A9B0FE

Tetradic

FECCA9
B0FEA9
A9DBFE
F7A9FE

Contrast Matrix WCAG 2.1 Contrast

FECCA9
FFA9AA
FF88AB
FF67AA
FF44AB
—
1.3
Fail
1.5
Fail
1.9
Fail
2.2
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
1.5Fail
1.8Fail
2.2Fail
2.7Fail
3.1AA Large
Black BG
14.4AAA
11.5AAA
9.4AAA
7.8AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8B1
DAD9AA
CBCAA3
BDBC9A
AEAC92

Deuteranopia

EBEFB4
DFE5AA
D2DBA1
C6D196
B9C78C

Tritanopia

FBB8BA
FBAAAA
F99C9A
F78D8A
F67E7A

Achromatopsia

D7D7D7
C3C3C3
B0B0B0
9C9C9C
888888

Shades & Tints Shades & Tints

#FECCA9

Dark
Light

#FFA9AA

Dark
Light

#FF88AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fecca9;
  --color-2: #ffa9aa;
  --color-3: #ff88ab;
  --color-4: #ff67aa;
  --color-5: #ff44ab;
}

SCSS

$color-1: #fecca9;
$color-2: #ffa9aa;
$color-3: #ff88ab;
$color-4: #ff67aa;
$color-5: #ff44ab;

TAILWIND

colors: {
  'brand-1': '#fecca9',
  'brand-2': '#ffa9aa',
  'brand-3': '#ff88ab',
  'brand-4': '#ff67aa',
  'brand-5': '#ff44ab',
}

RGB Array

[254, 204, 169], [255, 169, 170], [255, 136, 171], [255, 103, 170], [255, 68, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FECCA9, #FFA9AA, #FF88AB, #FF67AA, #FF44AB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fecca9; --color-2: #ffa9aa; --color-3: #ff88ab; --color-4: #ff67aa; --color-5: #ff44ab. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color