← Back to Editor

#EFBFB0 · #E8415E · #7A2649 · #39213A · #06192F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EFBFB0

Peach Pink · LightPink · Cherry Blossom

HEX
#EFBFB0
RGB
rgb(239, 191, 176)
HSL
hsl(14, 66%, 81%)
HSB
hsb(14, 26%, 94%)
CMYK
cmyk(0%, 20%, 26%, 6%)
Oklch
oklch(84.3% 0.059 38.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E8415E

Vermilion · Tomato · Passion Red

HEX
#E8415E
RGB
rgb(232, 65, 94)
HSL
hsl(350, 78%, 58%)
HSB
hsb(350, 72%, 91%)
CMYK
cmyk(0%, 72%, 59%, 9%)
Oklch
oklch(62.7% 0.202 15.6)

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

#7A2649

Dark Violet · Brown · Camellia

HEX
#7A2649
RGB
rgb(122, 38, 73)
HSL
hsl(335, 53%, 31%)
HSB
hsb(335, 69%, 48%)
CMYK
cmyk(0%, 69%, 40%, 52%)
Oklch
oklch(40.7% 0.121 358.3)

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

#39213A

Dark Plum · DarkSlateGray · Dark Purple

HEX
#39213A
RGB
rgb(57, 33, 58)
HSL
hsl(298, 27%, 18%)
HSB
hsb(298, 43%, 23%)
CMYK
cmyk(2%, 43%, 0%, 77%)
Oklch
oklch(28.9% 0.055 325.5)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#06192F

Indigo · Black · Deep Sea Blue

HEX
#06192F
RGB
rgb(6, 25, 47)
HSL
hsl(212, 77%, 10%)
HSB
hsb(212, 87%, 18%)
CMYK
cmyk(87%, 47%, 0%, 82%)
Oklch
oklch(21.1% 0.050 253.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFBFB0
AFE0EF

Analogous

EFAFC0
EFBFB0
EFDDAF

Triadic

EFBFB0
AFEFBD
BDAFEF

Split-Comp.

EFBFB0
AFEFDD
AFC0EF

Tetradic

EFBFB0
C0EFAF
AFE0EF
DDAFEF

Contrast Matrix WCAG 2.1 Contrast

EFBFB0
E8415E
7A2649
39213A
06192F
—
2.4
Fail
5.8
AA
8.8
AAA
10.7
AAA
2.4
Fail
—
2.4
Fail
3.7
AA Large
4.5
AA
5.8
AA
2.4
Fail
—
1.5
Fail
1.9
Fail
8.8
AAA
3.7
AA Large
1.5
Fail
—
1.2
Fail
10.7
AAA
4.5
AA
1.9
Fail
1.2
Fail
—
White BG
1.6Fail
3.9AA Large
9.5AAA
14.5AAA
17.7AAA
Black BG
12.7AAA
5.3AA
2.2Fail
1.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAB4
A09E57
565541
2F2E34
0E0E2A

Deuteranopia

DDE1B5
A9B655
5B613E
303232
0D0C28

Tritanopia

EDB6B7
E05150
763A38
382F2E
072525

Achromatopsia

CCCCCC
767676
434343
2B2B2B
161616

Shades & Tints Shades & Tints

#EFBFB0

Dark
Light

#E8415E

Dark
Light

#7A2649

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efbfb0;
  --color-2: #e8415e;
  --color-3: #7a2649;
  --color-4: #39213a;
  --color-5: #06192f;
}

SCSS

$color-1: #efbfb0;
$color-2: #e8415e;
$color-3: #7a2649;
$color-4: #39213a;
$color-5: #06192f;

TAILWIND

colors: {
  'brand-1': '#efbfb0',
  'brand-2': '#e8415e',
  'brand-3': '#7a2649',
  'brand-4': '#39213a',
  'brand-5': '#06192f',
}

RGB Array

[239, 191, 176], [232, 65, 94], [122, 38, 73], [57, 33, 58], [6, 25, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFBFB0, #E8415E, #7A2649, #39213A, #06192F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #efbfb0; --color-2: #e8415e; --color-3: #7a2649; --color-4: #39213a; --color-5: #06192f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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