← Back to Editor

#FFFAAD · #FFC291 · #FF6187 · #FE0010 · #FFBF80

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

#FFFAAD

Fresh Green · Wheat · Lemon Cream

HEX
#FFFAAD
RGB
rgb(255, 250, 173)
HSL
hsl(56, 100%, 84%)
HSB
hsb(56, 32%, 100%)
CMYK
cmyk(0%, 2%, 32%, 0%)
Oklch
oklch(97.2% 0.097 104.9)

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

#FFC291

Apricot · BurlyWood · Peach Orange

HEX
#FFC291
RGB
rgb(255, 194, 145)
HSL
hsl(27, 100%, 78%)
HSB
hsb(27, 43%, 100%)
CMYK
cmyk(0%, 24%, 43%, 0%)
Oklch
oklch(85.8% 0.095 59.8)

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

#FF6187

Peach Pink · LightCoral · Coral Red

HEX
#FF6187
RGB
rgb(255, 97, 135)
HSL
hsl(346, 100%, 69%)
HSB
hsb(346, 62%, 100%)
CMYK
cmyk(0%, 62%, 47%, 0%)
Oklch
oklch(70.6% 0.193 8.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FE0010

Vermilion · Red · Passion Red

HEX
#FE0010
RGB
rgb(254, 0, 16)
HSL
hsl(356, 100%, 50%)
HSB
hsb(356, 100%, 100%)
CMYK
cmyk(0%, 100%, 94%, 0%)
Oklch
oklch(62.7% 0.256 28.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FFBF80

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFBF80
RGB
rgb(255, 191, 128)
HSL
hsl(30, 100%, 75%)
HSB
hsb(30, 50%, 100%)
CMYK
cmyk(0%, 25%, 50%, 0%)
Oklch
oklch(85.0% 0.108 65.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFAAD
ADB3FF

Analogous

FFD1AD
FFFAAD
DCFFAD

Triadic

FFFAAD
ADFFFA
FAADFF

Split-Comp.

FFFAAD
ADDCFF
D1ADFF

Tetradic

FFFAAD
ADFFD1
ADB3FF
FFADDC

Contrast Matrix WCAG 2.1 Contrast

FFFAAD
FFC291
FF6187
FE0010
FFBF80
—
1.5
Fail
2.7
Fail
3.7
AA Large
1.5
Fail
1.5
Fail
—
1.8
Fail
2.6
Fail
1.0
Fail
2.7
Fail
1.8
Fail
—
1.4
Fail
1.8
Fail
3.7
AA Large
2.6
Fail
1.4
Fail
—
2.5
Fail
1.5
Fail
1.0
Fail
1.8
Fail
2.5
Fail
—
White BG
1.1Fail
1.6Fail
2.9Fail
4.0AA Large
1.6Fail
Black BG
19.5AAA
13.4AAA
7.3AAA
5.2AA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDC0
E5E49D
BBB97E
908E0C
E3E38F

Deuteranopia

FDFEC4
E8EDA0
C4D07C
9FB20B
E7EC93

Tritanopia

FFCED2
FCA6A8
F77775
F10908
FC9B9E

Achromatopsia

F3F3F3
CFCFCF
959595
4E4E4E
CBCBCB

Shades & Tints Shades & Tints

#FFFAAD

Dark
Light

#FFC291

Dark
Light

#FF6187

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffaad;
  --color-2: #ffc291;
  --color-3: #ff6187;
  --color-4: #fe0010;
  --color-5: #ffbf80;
}

SCSS

$color-1: #fffaad;
$color-2: #ffc291;
$color-3: #ff6187;
$color-4: #fe0010;
$color-5: #ffbf80;

TAILWIND

colors: {
  'brand-1': '#fffaad',
  'brand-2': '#ffc291',
  'brand-3': '#ff6187',
  'brand-4': '#fe0010',
  'brand-5': '#ffbf80',
}

RGB Array

[255, 250, 173], [255, 194, 145], [255, 97, 135], [254, 0, 16], [255, 191, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFAAD, #FFC291, #FF6187, #FE0010, #FFBF80 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: #fffaad; --color-2: #ffc291; --color-3: #ff6187; --color-4: #fe0010; --color-5: #ffbf80. 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