← Back to Editor

#48404B · #814456 · #FD4E5B · #F99979 · #FCF1AC

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

#48404B

Dark Plum · DarkSlateGray · Charcoal

HEX
#48404B
RGB
rgb(72, 64, 75)
HSL
hsl(284, 8%, 27%)
HSB
hsb(284, 15%, 29%)
CMYK
cmyk(4%, 15%, 0%, 71%)
Oklch
oklch(38.4% 0.021 316.8)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

#814456

Dark Violet · DimGray · Camellia

HEX
#814456
RGB
rgb(129, 68, 86)
HSL
hsl(342, 31%, 39%)
HSB
hsb(342, 47%, 51%)
CMYK
cmyk(0%, 47%, 33%, 49%)
Oklch
oklch(46.7% 0.086 2.1)

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

#FD4E5B

Peach Pink · Tomato · Coral Red

HEX
#FD4E5B
RGB
rgb(253, 78, 91)
HSL
hsl(356, 98%, 65%)
HSB
hsb(356, 69%, 99%)
CMYK
cmyk(0%, 69%, 64%, 1%)
Oklch
oklch(67.3% 0.210 20.9)

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

#F99979

Apricot · LightSalmon · Warm Sun

HEX
#F99979
RGB
rgb(249, 153, 121)
HSL
hsl(15, 91%, 73%)
HSB
hsb(15, 51%, 98%)
CMYK
cmyk(0%, 39%, 51%, 2%)
Oklch
oklch(77.5% 0.124 39.2)

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

#FCF1AC

Fresh Green · Wheat · Lemon Cream

HEX
#FCF1AC
RGB
rgb(252, 241, 172)
HSL
hsl(52, 93%, 83%)
HSB
hsb(52, 32%, 99%)
CMYK
cmyk(0%, 4%, 32%, 1%)
Oklch
oklch(95.1% 0.088 100.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

48404B
424A3F

Analogous

423F4A
48404B
4A3F48

Triadic

48404B
4A473F
3F4A47

Split-Comp.

48404B
484A3F
3F4A42

Tetradic

48404B
4A423F
424A3F
3F484A

Contrast Matrix WCAG 2.1 Contrast

48404B
814456
FD4E5B
F99979
FCF1AC
—
1.4
Fail
3.0
AA Large
4.7
AA
8.7
AAA
1.4
Fail
—
2.2
Fail
3.4
AA Large
6.3
AA
3.0
AA Large
2.2
Fail
—
1.5
Fail
2.9
Fail
4.7
AA
3.4
AA Large
1.5
Fail
—
1.9
Fail
8.7
AAA
6.3
AA
2.9
Fail
1.9
Fail
—
White BG
10.0AAA
7.3AAA
3.3AA Large
2.1Fail
1.1Fail
Black BG
2.1Fail
2.9Fail
6.4AA
9.9AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454448
676652
B1B058
CFCF81
F7F7BD

Deuteranopia

454648
6A6F51
BBC957
D5DC83
F8F9C1

Tritanopia

484646
7E4E4D
F45555
F48788
FBCACD

Achromatopsia

444444
585858
848484
B2B2B2
ECECEC

Shades & Tints Shades & Tints

#48404B

Dark
Light

#814456

Dark
Light

#FD4E5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #48404b;
  --color-2: #814456;
  --color-3: #fd4e5b;
  --color-4: #f99979;
  --color-5: #fcf1ac;
}

SCSS

$color-1: #48404b;
$color-2: #814456;
$color-3: #fd4e5b;
$color-4: #f99979;
$color-5: #fcf1ac;

TAILWIND

colors: {
  'brand-1': '#48404b',
  'brand-2': '#814456',
  'brand-3': '#fd4e5b',
  'brand-4': '#f99979',
  'brand-5': '#fcf1ac',
}

RGB Array

[72, 64, 75], [129, 68, 86], [253, 78, 91], [249, 153, 121], [252, 241, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #48404B, #814456, #FD4E5B, #F99979, #FCF1AC 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: #48404b; --color-2: #814456; --color-3: #fd4e5b; --color-4: #f99979; --color-5: #fcf1ac. 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