← Back to Editor

#7A0434 · #EF064C · #FA744A · #EBBC5F · #D9E4B8

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

#7A0434

Dark Violet · Maroon · Raspberry

HEX
#7A0434
RGB
rgb(122, 4, 52)
HSL
hsl(336, 94%, 25%)
HSB
hsb(336, 97%, 48%)
CMYK
cmyk(0%, 97%, 57%, 52%)
Oklch
oklch(37.4% 0.147 6.5)

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

#EF064C

Dark Violet · Crimson · Camellia

HEX
#EF064C
RGB
rgb(239, 6, 76)
HSL
hsl(342, 95%, 48%)
HSB
hsb(342, 97%, 94%)
CMYK
cmyk(0%, 97%, 68%, 6%)
Oklch
oklch(60.6% 0.241 16.6)

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

#FA744A

Peach Pink · Coral · Coral Red

HEX
#FA744A
RGB
rgb(250, 116, 74)
HSL
hsl(14, 95%, 64%)
HSB
hsb(14, 70%, 98%)
CMYK
cmyk(0%, 54%, 70%, 2%)
Oklch
oklch(71.2% 0.174 37.9)

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

#EBBC5F

Ginger · SandyBrown · Sunflower

HEX
#EBBC5F
RGB
rgb(235, 188, 95)
HSL
hsl(40, 78%, 65%)
HSB
hsb(40, 60%, 92%)
CMYK
cmyk(0%, 20%, 60%, 8%)
Oklch
oklch(81.9% 0.123 82.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D9E4B8

Willow Green · Wheat · Mint Green

HEX
#D9E4B8
RGB
rgb(217, 228, 184)
HSL
hsl(75, 45%, 81%)
HSB
hsb(75, 19%, 89%)
CMYK
cmyk(5%, 0%, 19%, 11%)
Oklch
oklch(89.9% 0.059 119.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A0434
047C4C

Analogous

7C0470
7A0434
7C1004

Triadic

7A0434
347C04
04347C

Split-Comp.

7A0434
047C10
04707C

Tetradic

7A0434
707C04
047C4C
10047C

Contrast Matrix WCAG 2.1 Contrast

7A0434
EF064C
FA744A
EBBC5F
D9E4B8
—
2.5
Fail
4.0
AA Large
6.3
AA
8.3
AAA
2.5
Fail
—
1.6
Fail
2.5
Fail
3.3
AA Large
4.0
AA Large
1.6
Fail
—
1.6
Fail
2.1
Fail
6.3
AA
2.5
Fail
1.6
Fail
—
1.3
Fail
8.3
AAA
3.3
AA Large
2.1
Fail
1.3
Fail
—
White BG
11.1AAA
4.4AA Large
2.7Fail
1.8Fail
1.3Fail
Black BG
1.9Fail
4.8AA
7.7AAA
11.9AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474628
8A883B
C0BF54
D7D676
DEDEC3

Deuteranopia

4E5726
98A937
C8D257
D9DD7B
DDDCC5

Tritanopia

741F1D
E32E2B
F35C5E
E9878B
DACBCD

Achromatopsia

2D2D2D
545454
979797
BFBFBF
DCDCDC

Shades & Tints Shades & Tints

#7A0434

Dark
Light

#EF064C

Dark
Light

#FA744A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a0434;
  --color-2: #ef064c;
  --color-3: #fa744a;
  --color-4: #ebbc5f;
  --color-5: #d9e4b8;
}

SCSS

$color-1: #7a0434;
$color-2: #ef064c;
$color-3: #fa744a;
$color-4: #ebbc5f;
$color-5: #d9e4b8;

TAILWIND

colors: {
  'brand-1': '#7a0434',
  'brand-2': '#ef064c',
  'brand-3': '#fa744a',
  'brand-4': '#ebbc5f',
  'brand-5': '#d9e4b8',
}

RGB Array

[122, 4, 52], [239, 6, 76], [250, 116, 74], [235, 188, 95], [217, 228, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A0434, #EF064C, #FA744A, #EBBC5F, #D9E4B8 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: #7a0434; --color-2: #ef064c; --color-3: #fa744a; --color-4: #ebbc5f; --color-5: #d9e4b8. 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