← Back to Editor

#413834 · #ED707D · #FFCCBA · #F4F8D6 · #EB2853

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

#413834

Tangerine · DarkSlateGray · Cinnamon

HEX
#413834
RGB
rgb(65, 56, 52)
HSL
hsl(18, 11%, 23%)
HSB
hsb(18, 20%, 25%)
CMYK
cmyk(0%, 14%, 20%, 75%)
Oklch
oklch(34.9% 0.015 45.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#ED707D

Peach Pink · LightCoral · Coral Red

HEX
#ED707D
RGB
rgb(237, 112, 125)
HSL
hsl(354, 78%, 68%)
HSB
hsb(354, 53%, 93%)
CMYK
cmyk(0%, 53%, 47%, 7%)
Oklch
oklch(69.6% 0.154 15.5)

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

#FFCCBA

Apricot · Pink · Peach Orange

HEX
#FFCCBA
RGB
rgb(255, 204, 186)
HSL
hsl(16, 100%, 86%)
HSB
hsb(16, 27%, 100%)
CMYK
cmyk(0%, 20%, 27%, 0%)
Oklch
oklch(88.5% 0.063 40.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F4F8D6

Fresh Green · Beige · Lemon Cream

HEX
#F4F8D6
RGB
rgb(244, 248, 214)
HSL
hsl(67, 71%, 91%)
HSB
hsb(67, 14%, 97%)
CMYK
cmyk(2%, 0%, 14%, 3%)
Oklch
oklch(96.7% 0.045 112.7)

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

#EB2853

Vermilion · Crimson · Passion Red

HEX
#EB2853
RGB
rgb(235, 40, 83)
HSL
hsl(347, 83%, 54%)
HSB
hsb(347, 83%, 92%)
CMYK
cmyk(0%, 83%, 65%, 8%)
Oklch
oklch(61.1% 0.224 16.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413834
343D41

Analogous

413437
413834
413F34

Triadic

413834
344138
383441

Split-Comp.

413834
34413F
343741

Tetradic

413834
374134
343D41
3F3441

Contrast Matrix WCAG 2.1 Contrast

413834
ED707D
FFCCBA
F4F8D6
EB2853
—
3.9
AA Large
7.9
AAA
10.5
AAA
2.7
Fail
3.9
AA Large
—
2.0
Fail
2.7
Fail
1.5
Fail
7.9
AAA
2.0
Fail
—
1.3
Fail
2.9
Fail
10.5
AAA
2.7
Fail
1.3
Fail
—
3.9
AA Large
2.7
Fail
1.5
Fail
2.9
Fail
3.9
AA Large
—
White BG
11.4AAA
2.9Fail
1.4Fail
1.1Fail
4.2AA Large
Black BG
1.8Fail
7.2AAA
14.6AAA
19.2AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D35
B7B67A
E9E8BE
F6F6DE
979549

Deuteranopia

3E3E35
BEC779
ECF0BF
F6F5E0
A2B146

Tritanopia

413636
E77777
FCC2C3
F4E5E6
E1403F

Achromatopsia

3A3A3A
979797
D9D9D9
F3F3F3
676767

Shades & Tints Shades & Tints

#413834

Dark
Light

#ED707D

Dark
Light

#FFCCBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413834;
  --color-2: #ed707d;
  --color-3: #ffccba;
  --color-4: #f4f8d6;
  --color-5: #eb2853;
}

SCSS

$color-1: #413834;
$color-2: #ed707d;
$color-3: #ffccba;
$color-4: #f4f8d6;
$color-5: #eb2853;

TAILWIND

colors: {
  'brand-1': '#413834',
  'brand-2': '#ed707d',
  'brand-3': '#ffccba',
  'brand-4': '#f4f8d6',
  'brand-5': '#eb2853',
}

RGB Array

[65, 56, 52], [237, 112, 125], [255, 204, 186], [244, 248, 214], [235, 40, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #413834, #ED707D, #FFCCBA, #F4F8D6, #EB2853 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: #413834; --color-2: #ed707d; --color-3: #ffccba; --color-4: #f4f8d6; --color-5: #eb2853. 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