← Back to Editor

#FF2933 · #F6A957 · #FBDE7A · #F8FC9D · #CEE29B

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

#FF2933

Vermilion · Crimson · Passion Red

HEX
#FF2933
RGB
rgb(255, 41, 51)
HSL
hsl(357, 100%, 58%)
HSB
hsb(357, 84%, 100%)
CMYK
cmyk(0%, 84%, 80%, 0%)
Oklch
oklch(64.3% 0.243 25.8)

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

#F6A957

Ginger · SandyBrown · Warm Sun

HEX
#F6A957
RGB
rgb(246, 169, 87)
HSL
hsl(31, 90%, 65%)
HSB
hsb(31, 65%, 96%)
CMYK
cmyk(0%, 31%, 65%, 4%)
Oklch
oklch(79.4% 0.133 65.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FBDE7A

Goose Yellow · Khaki · Sunflower

HEX
#FBDE7A
RGB
rgb(251, 222, 122)
HSL
hsl(47, 94%, 73%)
HSB
hsb(47, 51%, 98%)
CMYK
cmyk(0%, 12%, 51%, 2%)
Oklch
oklch(90.4% 0.124 93.6)

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

#F8FC9D

Fresh Green · Khaki · Lemon Cream

HEX
#F8FC9D
RGB
rgb(248, 252, 157)
HSL
hsl(63, 94%, 80%)
HSB
hsb(63, 38%, 99%)
CMYK
cmyk(2%, 0%, 38%, 1%)
Oklch
oklch(96.7% 0.117 110.5)

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

#CEE29B

Willow Green · Khaki · Apple Green

HEX
#CEE29B
RGB
rgb(206, 226, 155)
HSL
hsl(77, 55%, 75%)
HSB
hsb(77, 31%, 89%)
CMYK
cmyk(9%, 0%, 31%, 11%)
Oklch
oklch(88.1% 0.095 121.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF2933
29FFF4

Analogous

FF299F
FF2933
FF8929

Triadic

FF2933
34FF29
2934FF

Split-Comp.

FF2933
29FF89
299FFF

Tetradic

FF2933
9FFF29
29FFF4
8929FF

Contrast Matrix WCAG 2.1 Contrast

FF2933
F6A957
FBDE7A
F8FC9D
CEE29B
—
1.9
Fail
2.8
Fail
3.5
AA Large
2.7
Fail
1.9
Fail
—
1.5
Fail
1.8
Fail
1.4
Fail
2.8
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
3.5
AA Large
1.8
Fail
1.2
Fail
—
1.3
Fail
2.7
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
White BG
3.7AA Large
2.0Fail
1.3Fail
1.1Fail
1.4Fail
Black BG
5.6AA
10.7AAA
15.8AAA
19.4AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A031
D5D46B
EEEE92
FAFAB4
D7D7AC

Deuteranopia

AFBF30
D9DF70
F0F298
FAF9BA
D6D4B0

Tritanopia

F42F2E
F27B7E
FAA5AA
F8C6CA
CFBABD

Achromatopsia

6A6A6A
B7B7B7
DBDBDB
F0F0F0
D4D4D4

Shades & Tints Shades & Tints

#FF2933

Dark
Light

#F6A957

Dark
Light

#FBDE7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff2933;
  --color-2: #f6a957;
  --color-3: #fbde7a;
  --color-4: #f8fc9d;
  --color-5: #cee29b;
}

SCSS

$color-1: #ff2933;
$color-2: #f6a957;
$color-3: #fbde7a;
$color-4: #f8fc9d;
$color-5: #cee29b;

TAILWIND

colors: {
  'brand-1': '#ff2933',
  'brand-2': '#f6a957',
  'brand-3': '#fbde7a',
  'brand-4': '#f8fc9d',
  'brand-5': '#cee29b',
}

RGB Array

[255, 41, 51], [246, 169, 87], [251, 222, 122], [248, 252, 157], [206, 226, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF2933, #F6A957, #FBDE7A, #F8FC9D, #CEE29B 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: #ff2933; --color-2: #f6a957; --color-3: #fbde7a; --color-4: #f8fc9d; --color-5: #cee29b. 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