← Back to Editor

#A9A7C1 · #27043F · #FCFFF2 · #FCF2C6 · #FBE699

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A9A7C1

Wisteria · DarkGray · Cobalt Blue

HEX
#A9A7C1
RGB
rgb(169, 167, 193)
HSL
hsl(245, 17%, 71%)
HSB
hsb(245, 13%, 76%)
CMYK
cmyk(12%, 13%, 0%, 24%)
Oklch
oklch(73.9% 0.037 289.0)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#27043F

Royal Purple · MidnightBlue · Dark Purple

HEX
#27043F
RGB
rgb(39, 4, 63)
HSL
hsl(276, 88%, 13%)
HSB
hsb(276, 94%, 25%)
CMYK
cmyk(38%, 94%, 0%, 75%)
Oklch
oklch(22.0% 0.104 306.3)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#FCFFF2

Willow Green · Snow · Mint Green

HEX
#FCFFF2
RGB
rgb(252, 255, 242)
HSL
hsl(74, 100%, 97%)
HSB
hsb(74, 5%, 100%)
CMYK
cmyk(1%, 0%, 5%, 0%)
Oklch
oklch(99.4% 0.017 117.3)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FCF2C6

Goose Yellow · Bisque · Lemon Cream

HEX
#FCF2C6
RGB
rgb(252, 242, 198)
HSL
hsl(49, 90%, 88%)
HSB
hsb(49, 21%, 99%)
CMYK
cmyk(0%, 4%, 21%, 1%)
Oklch
oklch(95.8% 0.058 96.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FBE699

Goose Yellow · Khaki · Lemon Cream

HEX
#FBE699
RGB
rgb(251, 230, 153)
HSL
hsl(47, 92%, 79%)
HSB
hsb(47, 39%, 98%)
CMYK
cmyk(0%, 8%, 39%, 2%)
Oklch
oklch(92.5% 0.099 94.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9A7C1
C0C2A8

Analogous

A8B3C2
A9A7C1
B7A8C2

Triadic

A9A7C1
C2ABA8
A8C2AB

Split-Comp.

A9A7C1
C2B7A8
B3C2A8

Tetradic

A9A7C1
C2A8B3
C0C2A8
A8C2B7

Contrast Matrix WCAG 2.1 Contrast

A9A7C1
27043F
FCFFF2
FCF2C6
FBE699
—
7.6
AAA
2.3
Fail
2.1
Fail
1.9
Fail
7.6
AAA
—
17.6
AAA
15.9
AAA
14.4
AAA
2.3
Fail
17.6
AAA
—
1.1
Fail
1.2
Fail
2.1
Fail
15.9
AAA
1.1
Fail
—
1.1
Fail
1.9
Fail
14.4
AAA
1.2
Fail
1.1
Fail
—
White BG
2.3Fail
17.9AAA
1.0Fail
1.1Fail
1.2Fail
Black BG
9.0AAA
1.2Fail
20.7AAA
18.7AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A8BB
181831
FDFDF5
F8F8D1
F2F2AC

Deuteranopia

A8A8B9
1A1C2D
FDFDF6
F8F9D3
F3F5B0

Tritanopia

A9B6B5
252523
FCF8F8
FBD9DB
FABABE

Achromatopsia

ABABAB
151515
FDFDFD
F0F0F0
E4E4E4

Shades & Tints Shades & Tints

#A9A7C1

Dark
Light

#27043F

Dark
Light

#FCFFF2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9a7c1;
  --color-2: #27043f;
  --color-3: #fcfff2;
  --color-4: #fcf2c6;
  --color-5: #fbe699;
}

SCSS

$color-1: #a9a7c1;
$color-2: #27043f;
$color-3: #fcfff2;
$color-4: #fcf2c6;
$color-5: #fbe699;

TAILWIND

colors: {
  'brand-1': '#a9a7c1',
  'brand-2': '#27043f',
  'brand-3': '#fcfff2',
  'brand-4': '#fcf2c6',
  'brand-5': '#fbe699',
}

RGB Array

[169, 167, 193], [39, 4, 63], [252, 255, 242], [252, 242, 198], [251, 230, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #A9A7C1, #27043F, #FCFFF2, #FCF2C6, #FBE699 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #a9a7c1; --color-2: #27043f; --color-3: #fcfff2; --color-4: #fcf2c6; --color-5: #fbe699. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 sunset-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