← Back to Editor

#F9E2AC · #05FBDE · #F905F5 · #FAEB03 · #230771

A 5-color palette 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

#F9E2AC

Goose Yellow · Wheat · Lemon Cream

HEX
#F9E2AC
RGB
rgb(249, 226, 172)
HSL
hsl(42, 87%, 83%)
HSB
hsb(42, 31%, 98%)
CMYK
cmyk(0%, 9%, 31%, 2%)
Oklch
oklch(91.9% 0.074 87.6)

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

#05FBDE

Mineral Blue · Cyan · Mint Ice

HEX
#05FBDE
RGB
rgb(5, 251, 222)
HSL
hsl(173, 97%, 50%)
HSB
hsb(173, 98%, 98%)
CMYK
cmyk(98%, 0%, 12%, 2%)
Oklch
oklch(88.6% 0.160 180.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#F905F5

Rose Purple · Magenta · Violet

HEX
#F905F5
RGB
rgb(249, 5, 245)
HSL
hsl(301, 96%, 50%)
HSB
hsb(301, 98%, 98%)
CMYK
cmyk(0%, 98%, 2%, 2%)
Oklch
oklch(68.7% 0.313 329.2)

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

#FAEB03

Autumn Sage · Yellow · Honey Gold

HEX
#FAEB03
RGB
rgb(250, 235, 3)
HSL
hsl(56, 98%, 50%)
HSB
hsb(56, 99%, 98%)
CMYK
cmyk(0%, 6%, 99%, 2%)
Oklch
oklch(92.3% 0.195 104.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#230771

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#230771
RGB
rgb(35, 7, 113)
HSL
hsl(256, 88%, 24%)
HSB
hsb(256, 94%, 44%)
CMYK
cmyk(69%, 94%, 0%, 56%)
Oklch
oklch(27.7% 0.157 280.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9E2AC
AEC5F9

Analogous

F9BDAE
F9E2AC
EAF9AE

Triadic

F9E2AC
AEF9E3
E3AEF9

Split-Comp.

F9E2AC
AEEAF9
BDAEF9

Tetradic

F9E2AC
AEF9BD
AEC5F9
F9AEEA

Contrast Matrix WCAG 2.1 Contrast

F9E2AC
05FBDE
F905F5
FAEB03
230771
—
1.0
Fail
2.6
Fail
1.0
Fail
12.3
AAA
1.0
Fail
—
2.5
Fail
1.1
Fail
11.8
AAA
2.6
Fail
2.5
Fail
—
2.7
Fail
4.8
AA
1.0
Fail
1.1
Fail
2.7
Fail
—
12.6
AAA
12.3
AAA
11.8
AAA
4.8
AA
12.6
AAA
—
White BG
1.3Fail
1.3Fail
3.3AA Large
1.2Fail
15.7AAA
Black BG
16.5AAA
15.9AAA
6.4AA
16.9AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFB9
7072E5
8F8DBB
F4F33B
171757

Deuteranopia

F0F2BC
614FE7
9EB0AD
F4F649
191B51

Tritanopia

F8C3C6
11EBEC
ED8D83
F96771
22433F

Achromatopsia

E3E3E3
AEAEAE
696969
D5D5D5
1B1B1B

Shades & Tints Shades & Tints

#F9E2AC

Dark
Light

#05FBDE

Dark
Light

#F905F5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9e2ac;
  --color-2: #05fbde;
  --color-3: #f905f5;
  --color-4: #faeb03;
  --color-5: #230771;
}

SCSS

$color-1: #f9e2ac;
$color-2: #05fbde;
$color-3: #f905f5;
$color-4: #faeb03;
$color-5: #230771;

TAILWIND

colors: {
  'brand-1': '#f9e2ac',
  'brand-2': '#05fbde',
  'brand-3': '#f905f5',
  'brand-4': '#faeb03',
  'brand-5': '#230771',
}

RGB Array

[249, 226, 172], [5, 251, 222], [249, 5, 245], [250, 235, 3], [35, 7, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9E2AC, #05FBDE, #F905F5, #FAEB03, #230771 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: #f9e2ac; --color-2: #05fbde; --color-3: #f905f5; --color-4: #faeb03; --color-5: #230771. 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 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