← Back to Editor

#7A1515 · #966311 · #839119 · #C8D147 · #EDF0FA

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

#7A1515

Vermilion · Maroon · Wine Red

HEX
#7A1515
RGB
rgb(122, 21, 21)
HSL
hsl(0, 71%, 28%)
HSB
hsb(0, 83%, 48%)
CMYK
cmyk(0%, 83%, 83%, 52%)
Oklch
oklch(37.8% 0.136 26.7)

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

#966311

Ochre · Sienna · Amber Brown

HEX
#966311
RGB
rgb(150, 99, 17)
HSL
hsl(37, 80%, 33%)
HSB
hsb(37, 89%, 59%)
CMYK
cmyk(0%, 34%, 89%, 41%)
Oklch
oklch(54.2% 0.110 72.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#839119

Autumn Sage · Olive · Honey Gold

HEX
#839119
RGB
rgb(131, 145, 25)
HSL
hsl(67, 71%, 33%)
HSB
hsb(67, 83%, 57%)
CMYK
cmyk(10%, 0%, 83%, 43%)
Oklch
oklch(62.4% 0.136 116.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C8D147

Autumn Sage · GreenYellow · Sunflower

HEX
#C8D147
RGB
rgb(200, 209, 71)
HSL
hsl(64, 60%, 55%)
HSB
hsb(64, 66%, 82%)
CMYK
cmyk(4%, 0%, 66%, 18%)
Oklch
oklch(82.9% 0.158 113.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EDF0FA

Azure · Lavender · Sky Blue

HEX
#EDF0FA
RGB
rgb(237, 240, 250)
HSL
hsl(226, 57%, 95%)
HSB
hsb(226, 5%, 98%)
CMYK
cmyk(5%, 4%, 0%, 2%)
Oklch
oklch(95.6% 0.014 272.7)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A1515
157A7A

Analogous

7A1547
7A1515
7A4715

Triadic

7A1515
157A15
15157A

Split-Comp.

7A1515
157A47
15477A

Tetradic

7A1515
477A15
157A7A
47157A

Contrast Matrix WCAG 2.1 Contrast

7A1515
966311
839119
C8D147
EDF0FA
—
2.1
Fail
3.1
AA Large
6.5
AA
9.5
AAA
2.1
Fail
—
1.5
Fail
3.1
AA Large
4.5
AA
3.1
AA Large
1.5
Fail
—
2.1
Fail
3.1
AA Large
6.5
AA
3.1
AA Large
2.1
Fail
—
1.5
Fail
9.5
AAA
4.5
AA
3.1
AA Large
1.5
Fail
—
White BG
10.8AAA
5.1AA
3.5AA Large
1.7Fail
1.1Fail
Black BG
1.9Fail
4.1AA Large
6.0AA
12.7AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D15
807F25
898936
CCCC68
EEEEF8

Deuteranopia

545C15
83872A
88873D
CBCB70
EEEEF7

Tritanopia

751515
933538
844D52
C88389
EDF6F5

Achromatopsia

333333
696969
7F7F7F
BFBFBF
F0F0F0

Shades & Tints Shades & Tints

#7A1515

Dark
Light

#966311

Dark
Light

#839119

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a1515;
  --color-2: #966311;
  --color-3: #839119;
  --color-4: #c8d147;
  --color-5: #edf0fa;
}

SCSS

$color-1: #7a1515;
$color-2: #966311;
$color-3: #839119;
$color-4: #c8d147;
$color-5: #edf0fa;

TAILWIND

colors: {
  'brand-1': '#7a1515',
  'brand-2': '#966311',
  'brand-3': '#839119',
  'brand-4': '#c8d147',
  'brand-5': '#edf0fa',
}

RGB Array

[122, 21, 21], [150, 99, 17], [131, 145, 25], [200, 209, 71], [237, 240, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A1515, #966311, #839119, #C8D147, #EDF0FA 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: #7a1515; --color-2: #966311; --color-3: #839119; --color-4: #c8d147; --color-5: #edf0fa. 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