← Back to Editor

#FBDD65 · #D9DA84 · #F4C290 · #F3B1A1 · #F1A09A

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

#FBDD65

Ginger · Khaki · Sunflower

HEX
#FBDD65
RGB
rgb(251, 221, 101)
HSL
hsl(48, 95%, 69%)
HSB
hsb(48, 60%, 98%)
CMYK
cmyk(0%, 12%, 60%, 2%)
Oklch
oklch(90.0% 0.142 95.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D9DA84

Fresh Green · Khaki · Sunflower

HEX
#D9DA84
RGB
rgb(217, 218, 132)
HSL
hsl(61, 54%, 69%)
HSB
hsb(61, 39%, 85%)
CMYK
cmyk(0%, 0%, 39%, 15%)
Oklch
oklch(86.9% 0.108 109.0)

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

#F4C290

Goose Yellow · BurlyWood · Peach Orange

HEX
#F4C290
RGB
rgb(244, 194, 144)
HSL
hsl(30, 82%, 76%)
HSB
hsb(30, 41%, 96%)
CMYK
cmyk(0%, 20%, 41%, 4%)
Oklch
oklch(84.7% 0.087 66.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F3B1A1

Peach Pink · BurlyWood · Coral Red

HEX
#F3B1A1
RGB
rgb(243, 177, 161)
HSL
hsl(12, 77%, 79%)
HSB
hsb(12, 34%, 95%)
CMYK
cmyk(0%, 27%, 34%, 5%)
Oklch
oklch(81.8% 0.081 34.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F1A09A

Peach Pink · DarkSalmon · Coral Red

HEX
#F1A09A
RGB
rgb(241, 160, 154)
HSL
hsl(4, 76%, 77%)
HSB
hsb(4, 36%, 95%)
CMYK
cmyk(0%, 34%, 36%, 5%)
Oklch
oklch(78.4% 0.098 24.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBDD65
6583FB

Analogous

FB9265
FBDD65
CEFB65

Triadic

FBDD65
65FBDD
DD65FB

Split-Comp.

FBDD65
65CEFB
9265FB

Tetradic

FBDD65
65FB92
6583FB
FB65CE

Contrast Matrix WCAG 2.1 Contrast

FBDD65
D9DA84
F4C290
F3B1A1
F1A09A
—
1.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
1.3Fail
1.5Fail
1.6Fail
1.8Fail
2.1Fail
Black BG
15.6AAA
14.3AAA
13.0AAA
11.6AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEE82
D9D999
DEDE9C
D6D6A5
CECD9B

Deuteranopia

F0F289
D9D99E
E1E59F
DADFA6
D3D99C

Tritanopia

FA999E
D9A9AD
F1A6A8
F0A8A9
ED9D9D

Achromatopsia

D8D8D8
D0D0D0
CBCBCB
C3C3C3
B8B8B8

Shades & Tints Shades & Tints

#FBDD65

Dark
Light

#D9DA84

Dark
Light

#F4C290

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbdd65;
  --color-2: #d9da84;
  --color-3: #f4c290;
  --color-4: #f3b1a1;
  --color-5: #f1a09a;
}

SCSS

$color-1: #fbdd65;
$color-2: #d9da84;
$color-3: #f4c290;
$color-4: #f3b1a1;
$color-5: #f1a09a;

TAILWIND

colors: {
  'brand-1': '#fbdd65',
  'brand-2': '#d9da84',
  'brand-3': '#f4c290',
  'brand-4': '#f3b1a1',
  'brand-5': '#f1a09a',
}

RGB Array

[251, 221, 101], [217, 218, 132], [244, 194, 144], [243, 177, 161], [241, 160, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBDD65, #D9DA84, #F4C290, #F3B1A1, #F1A09A 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: #fbdd65; --color-2: #d9da84; --color-3: #f4c290; --color-4: #f3b1a1; --color-5: #f1a09a. 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