← Back to Editor

#FFDBB3 · #F49F9A · #D65F7F · #AA3C45 · #821E2A

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 AppData Visualization

Color Details Color Details

#FFDBB3

Goose Yellow · Wheat · Peach Orange

HEX
#FFDBB3
RGB
rgb(255, 219, 179)
HSL
hsl(32, 100%, 85%)
HSB
hsb(32, 30%, 100%)
CMYK
cmyk(0%, 14%, 30%, 0%)
Oklch
oklch(91.2% 0.066 69.8)

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

#F49F9A

Peach Pink · LightSalmon · Coral Red

HEX
#F49F9A
RGB
rgb(244, 159, 154)
HSL
hsl(3, 80%, 78%)
HSB
hsb(3, 37%, 96%)
CMYK
cmyk(0%, 35%, 37%, 4%)
Oklch
oklch(78.6% 0.102 23.3)

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

#D65F7F

Rouge · LightCoral · Rose Pink

HEX
#D65F7F
RGB
rgb(214, 95, 127)
HSL
hsl(344, 59%, 61%)
HSB
hsb(344, 56%, 84%)
CMYK
cmyk(0%, 56%, 41%, 16%)
Oklch
oklch(64.1% 0.152 5.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#AA3C45

Crimson · Brown · Passion Red

HEX
#AA3C45
RGB
rgb(170, 60, 69)
HSL
hsl(355, 48%, 45%)
HSB
hsb(355, 65%, 67%)
CMYK
cmyk(0%, 65%, 59%, 33%)
Oklch
oklch(51.4% 0.144 19.0)

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

#821E2A

Vermilion · Brown · Wine Red

HEX
#821E2A
RGB
rgb(130, 30, 42)
HSL
hsl(353, 62%, 31%)
HSB
hsb(353, 77%, 51%)
CMYK
cmyk(0%, 77%, 68%, 49%)
Oklch
oklch(40.5% 0.134 19.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDBB3
B3D6FF

Analogous

FFB5B3
FFDBB3
FCFFB3

Triadic

FFDBB3
B3FFDB
DBB3FF

Split-Comp.

FFDBB3
B3FCFF
B5B3FF

Tetradic

FFDBB3
B3FFB5
B3D6FF
FFB3FC

Contrast Matrix WCAG 2.1 Contrast

FFDBB3
F49F9A
D65F7F
AA3C45
821E2A
—
1.6
Fail
2.8
Fail
4.7
AA
7.4
AAA
1.6
Fail
—
1.8
Fail
3.0
Fail
4.7
AA
2.8
Fail
1.8
Fail
—
1.7
Fail
2.7
Fail
4.7
AA
3.0
Fail
1.7
Fail
—
1.6
Fail
7.4
AAA
4.7
AA
2.7
Fail
1.6
Fail
—
White BG
1.3Fail
2.0Fail
3.6AA Large
6.1AA
9.7AAA
Black BG
16.0AAA
10.3AAA
5.8AA
3.4AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFBD
CFCE9B
A2A177
7A7943
575627

Deuteranopia

F2F4BF
D4DA9C
A9B275
818942
5D6426

Tritanopia

FDC4C6
F09C9C
D07170
A54141
7D2524

Achromatopsia

E1E1E1
B8B8B8
868686
5E5E5E
3D3D3D

Shades & Tints Shades & Tints

#FFDBB3

Dark
Light

#F49F9A

Dark
Light

#D65F7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdbb3;
  --color-2: #f49f9a;
  --color-3: #d65f7f;
  --color-4: #aa3c45;
  --color-5: #821e2a;
}

SCSS

$color-1: #ffdbb3;
$color-2: #f49f9a;
$color-3: #d65f7f;
$color-4: #aa3c45;
$color-5: #821e2a;

TAILWIND

colors: {
  'brand-1': '#ffdbb3',
  'brand-2': '#f49f9a',
  'brand-3': '#d65f7f',
  'brand-4': '#aa3c45',
  'brand-5': '#821e2a',
}

RGB Array

[255, 219, 179], [244, 159, 154], [214, 95, 127], [170, 60, 69], [130, 30, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFDBB3, #F49F9A, #D65F7F, #AA3C45, #821E2A 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: #ffdbb3; --color-2: #f49f9a; --color-3: #d65f7f; --color-4: #aa3c45; --color-5: #821e2a. 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