← Back to Editor

#FCC793 · #F59469 · #B44B47 · #5F1C2E · #45152D

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

#FCC793

Goose Yellow · Khaki · Peach Orange

HEX
#FCC793
RGB
rgb(252, 199, 147)
HSL
hsl(30, 95%, 78%)
HSB
hsb(30, 42%, 99%)
CMYK
cmyk(0%, 21%, 42%, 1%)
Oklch
oklch(86.5% 0.090 65.6)

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

#F59469

Apricot · SandyBrown · Warm Sun

HEX
#F59469
RGB
rgb(245, 148, 105)
HSL
hsl(18, 88%, 69%)
HSB
hsb(18, 57%, 96%)
CMYK
cmyk(0%, 40%, 57%, 4%)
Oklch
oklch(75.9% 0.131 44.3)

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

#B44B47

Crimson · Sienna · Passion Red

HEX
#B44B47
RGB
rgb(180, 75, 71)
HSL
hsl(2, 43%, 49%)
HSB
hsb(2, 61%, 71%)
CMYK
cmyk(0%, 58%, 61%, 29%)
Oklch
oklch(55.0% 0.138 24.8)

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

#5F1C2E

Dark Violet · Maroon · Raspberry

HEX
#5F1C2E
RGB
rgb(95, 28, 46)
HSL
hsl(344, 54%, 24%)
HSB
hsb(344, 71%, 37%)
CMYK
cmyk(0%, 71%, 52%, 63%)
Oklch
oklch(33.8% 0.098 7.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#45152D

Dark Violet · DarkSlateGray · Raspberry

HEX
#45152D
RGB
rgb(69, 21, 45)
HSL
hsl(330, 53%, 18%)
HSB
hsb(330, 70%, 27%)
CMYK
cmyk(0%, 70%, 35%, 73%)
Oklch
oklch(28.1% 0.079 352.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCC793
92C7FC

Analogous

FC9292
FCC793
FCFC92

Triadic

FCC793
92FCC7
C792FC

Split-Comp.

FCC793
92FCFC
9292FC

Tetradic

FCC793
92FC92
92C7FC
FC92FC

Contrast Matrix WCAG 2.1 Contrast

FCC793
F59469
B44B47
5F1C2E
45152D
—
1.5
Fail
3.4
AA Large
8.1
AAA
9.8
AAA
1.5
Fail
—
2.3
Fail
5.5
AA
6.7
AA
3.4
AA Large
2.3
Fail
—
2.4
Fail
2.9
Fail
8.1
AAA
5.5
AA
2.4
Fail
—
1.2
Fail
9.8
AAA
6.7
AA
2.9
Fail
1.2
Fail
—
White BG
1.5Fail
2.3Fail
5.2AA
12.4AAA
15.0AAA
Black BG
13.7AAA
9.3AAA
4.0AA Large
1.7Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5A0
CBCA73
878648
42412A
303027

Deuteranopia

E8ECA3
D1D876
8D9548
464B29
333726

Tritanopia

F9AAAC
F07C7D
AF4949
5C2625
432322

Achromatopsia

D1D1D1
ACACAC
6A6A6A
323232
262626

Shades & Tints Shades & Tints

#FCC793

Dark
Light

#F59469

Dark
Light

#B44B47

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcc793;
  --color-2: #f59469;
  --color-3: #b44b47;
  --color-4: #5f1c2e;
  --color-5: #45152d;
}

SCSS

$color-1: #fcc793;
$color-2: #f59469;
$color-3: #b44b47;
$color-4: #5f1c2e;
$color-5: #45152d;

TAILWIND

colors: {
  'brand-1': '#fcc793',
  'brand-2': '#f59469',
  'brand-3': '#b44b47',
  'brand-4': '#5f1c2e',
  'brand-5': '#45152d',
}

RGB Array

[252, 199, 147], [245, 148, 105], [180, 75, 71], [95, 28, 46], [69, 21, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCC793, #F59469, #B44B47, #5F1C2E, #45152D 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: #fcc793; --color-2: #f59469; --color-3: #b44b47; --color-4: #5f1c2e; --color-5: #45152d. 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