← Back to Editor

#FAFBC2 · #E9BE3D · #C2A0C2 · #B7037D · #3A0361

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FAFBC2

Fresh Green · Bisque · Lemon Cream

HEX
#FAFBC2
RGB
rgb(250, 251, 194)
HSL
hsl(61, 88%, 87%)
HSB
hsb(61, 23%, 98%)
CMYK
cmyk(0%, 0%, 23%, 2%)
Oklch
oklch(97.4% 0.073 108.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E9BE3D

Ginger · GoldenRod · Sunflower

HEX
#E9BE3D
RGB
rgb(233, 190, 61)
HSL
hsl(45, 80%, 58%)
HSB
hsb(45, 74%, 91%)
CMYK
cmyk(0%, 18%, 74%, 9%)
Oklch
oklch(81.8% 0.148 89.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C2A0C2

Mauve · Silver · Lilac Purple

HEX
#C2A0C2
RGB
rgb(194, 160, 194)
HSL
hsl(300, 22%, 69%)
HSB
hsb(300, 18%, 76%)
CMYK
cmyk(0%, 18%, 0%, 24%)
Oklch
oklch(74.7% 0.061 326.2)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B7037D

Rose Purple · MediumVioletRed · Eggplant

HEX
#B7037D
RGB
rgb(183, 3, 125)
HSL
hsl(319, 97%, 36%)
HSB
hsb(319, 98%, 72%)
CMYK
cmyk(0%, 98%, 32%, 28%)
Oklch
oklch(51.7% 0.216 348.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#3A0361

Royal Purple · MidnightBlue · Dark Purple

HEX
#3A0361
RGB
rgb(58, 3, 97)
HSL
hsl(275, 94%, 20%)
HSB
hsb(275, 97%, 38%)
CMYK
cmyk(40%, 97%, 0%, 62%)
Oklch
oklch(28.3% 0.144 303.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAFBC2
C2C1FB

Analogous

FBDFC1
FAFBC2
DDFBC1

Triadic

FAFBC2
C1FAFB
FBC1FA

Split-Comp.

FAFBC2
C1DDFB
DFC1FB

Tetradic

FAFBC2
C1FBDF
C2C1FB
FBC1DD

Contrast Matrix WCAG 2.1 Contrast

FAFBC2
E9BE3D
C2A0C2
B7037D
3A0361
—
1.7
Fail
2.2
Fail
5.9
AA
14.4
AAA
1.7
Fail
—
1.3
Fail
3.6
AA Large
8.7
AAA
2.2
Fail
1.3
Fail
—
2.7
Fail
6.7
AA
5.9
AA
3.6
AA Large
2.7
Fail
—
2.4
Fail
14.4
AAA
8.7
AAA
6.7
AA
2.4
Fail
—
White BG
1.1Fail
1.8Fail
2.3Fail
6.3AA
15.4AAA
Black BG
19.6AAA
11.9AAA
9.1AAA
3.3AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAD0
D6D65C
B3B3BA
69675F
22224A

Deuteranopia

FAFAD3
D9DC64
B5B8B8
748158
252945

Tritanopia

FADBDD
E7757A
C0B3B2
AE4843
373834

Achromatopsia

F4F4F4
BCBCBC
AEAEAE
474747
1E1E1E

Shades & Tints Shades & Tints

#FAFBC2

Dark
Light

#E9BE3D

Dark
Light

#C2A0C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fafbc2;
  --color-2: #e9be3d;
  --color-3: #c2a0c2;
  --color-4: #b7037d;
  --color-5: #3a0361;
}

SCSS

$color-1: #fafbc2;
$color-2: #e9be3d;
$color-3: #c2a0c2;
$color-4: #b7037d;
$color-5: #3a0361;

TAILWIND

colors: {
  'brand-1': '#fafbc2',
  'brand-2': '#e9be3d',
  'brand-3': '#c2a0c2',
  'brand-4': '#b7037d',
  'brand-5': '#3a0361',
}

RGB Array

[250, 251, 194], [233, 190, 61], [194, 160, 194], [183, 3, 125], [58, 3, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FAFBC2, #E9BE3D, #C2A0C2, #B7037D, #3A0361 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #fafbc2; --color-2: #e9be3d; --color-3: #c2a0c2; --color-4: #b7037d; --color-5: #3a0361. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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