← Back to Editor

#4F0926 · #FF4A6B · #FFA39B · #CFC3AF · #F8E6CD

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

#4F0926

Dark Violet · Maroon · Raspberry

HEX
#4F0926
RGB
rgb(79, 9, 38)
HSL
hsl(335, 80%, 17%)
HSB
hsb(335, 89%, 31%)
CMYK
cmyk(0%, 89%, 52%, 69%)
Oklch
oklch(28.5% 0.102 2.0)

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

#FF4A6B

Peach Pink · Tomato · Coral Red

HEX
#FF4A6B
RGB
rgb(255, 74, 107)
HSL
hsl(349, 100%, 65%)
HSB
hsb(349, 71%, 100%)
CMYK
cmyk(0%, 71%, 58%, 0%)
Oklch
oklch(67.5% 0.216 14.9)

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

#FFA39B

Peach Pink · LightSalmon · Coral Red

HEX
#FFA39B
RGB
rgb(255, 163, 155)
HSL
hsl(5, 100%, 80%)
HSB
hsb(5, 39%, 100%)
CMYK
cmyk(0%, 36%, 39%, 0%)
Oklch
oklch(80.5% 0.111 25.2)

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

#CFC3AF

Goose Yellow · Silver · Warm Sun

HEX
#CFC3AF
RGB
rgb(207, 195, 175)
HSL
hsl(37, 25%, 75%)
HSB
hsb(37, 15%, 81%)
CMYK
cmyk(0%, 6%, 15%, 19%)
Oklch
oklch(82.2% 0.030 80.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F8E6CD

Goose Yellow · Bisque · Peach Orange

HEX
#F8E6CD
RGB
rgb(248, 230, 205)
HSL
hsl(35, 75%, 89%)
HSB
hsb(35, 17%, 97%)
CMYK
cmyk(0%, 7%, 17%, 3%)
Oklch
oklch(93.3% 0.038 76.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F0926
094E31

Analogous

4E0948
4F0926
4E0E09

Triadic

4F0926
264E09
09264E

Split-Comp.

4F0926
094E0E
09484E

Tetradic

4F0926
484E09
094E31
0E094E

Contrast Matrix WCAG 2.1 Contrast

4F0926
FF4A6B
FFA39B
CFC3AF
F8E6CD
—
4.6
AA
7.8
AAA
8.6
AAA
12.3
AAA
4.6
AA
—
1.7
Fail
1.9
Fail
2.7
Fail
7.8
AAA
1.7
Fail
—
1.1
Fail
1.6
Fail
8.6
AAA
1.9
Fail
1.1
Fail
—
1.4
Fail
12.3
AAA
2.7
Fail
1.6
Fail
1.4
Fail
—
White BG
15.0AAA
3.3AA Large
1.9Fail
1.7Fail
1.2Fail
Black BG
1.4Fail
6.4AA
11.0AAA
12.1AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

31301F
B1AF63
D7D69D
CACAB4
F0F0D3

Deuteranopia

353A1D
BBC961
DDE39D
CBCBB5
F1F3D5

Tritanopia

4C1918
F65D5B
FA9E9F
CEB8B9
F7D8D9

Achromatopsia

212121
848484
BEBEBE
C4C4C4
E9E9E9

Shades & Tints Shades & Tints

#4F0926

Dark
Light

#FF4A6B

Dark
Light

#FFA39B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f0926;
  --color-2: #ff4a6b;
  --color-3: #ffa39b;
  --color-4: #cfc3af;
  --color-5: #f8e6cd;
}

SCSS

$color-1: #4f0926;
$color-2: #ff4a6b;
$color-3: #ffa39b;
$color-4: #cfc3af;
$color-5: #f8e6cd;

TAILWIND

colors: {
  'brand-1': '#4f0926',
  'brand-2': '#ff4a6b',
  'brand-3': '#ffa39b',
  'brand-4': '#cfc3af',
  'brand-5': '#f8e6cd',
}

RGB Array

[79, 9, 38], [255, 74, 107], [255, 163, 155], [207, 195, 175], [248, 230, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F0926, #FF4A6B, #FFA39B, #CFC3AF, #F8E6CD is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #4f0926; --color-2: #ff4a6b; --color-3: #ffa39b; --color-4: #cfc3af; --color-5: #f8e6cd. 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. 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