← Back to Editor

#040943 · #7F534C · #FFBF7E · #EC1226 · #F85C32

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

#040943

Indigo · MidnightBlue · Deep Sea Blue

HEX
#040943
RGB
rgb(4, 9, 67)
HSL
hsl(235, 89%, 14%)
HSB
hsb(235, 94%, 26%)
CMYK
cmyk(94%, 87%, 0%, 74%)
Oklch
oklch(19.4% 0.106 267.5)

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

#7F534C

Crimson · DimGray · Wine Red

HEX
#7F534C
RGB
rgb(127, 83, 76)
HSL
hsl(8, 25%, 40%)
HSB
hsb(8, 40%, 50%)
CMYK
cmyk(0%, 35%, 40%, 50%)
Oklch
oklch(48.9% 0.061 29.4)

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

#FFBF7E

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFBF7E
RGB
rgb(255, 191, 126)
HSL
hsl(30, 100%, 75%)
HSB
hsb(30, 51%, 100%)
CMYK
cmyk(0%, 25%, 51%, 0%)
Oklch
oklch(84.9% 0.110 65.9)

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

#EC1226

Vermilion · Crimson · Passion Red

HEX
#EC1226
RGB
rgb(236, 18, 38)
HSL
hsl(354, 86%, 50%)
HSB
hsb(354, 92%, 93%)
CMYK
cmyk(0%, 92%, 84%, 7%)
Oklch
oklch(59.8% 0.237 26.0)

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

#F85C32

Vermilion · Tomato · Passion Red

HEX
#F85C32
RGB
rgb(248, 92, 50)
HSL
hsl(13, 93%, 58%)
HSB
hsb(13, 80%, 97%)
CMYK
cmyk(0%, 63%, 80%, 3%)
Oklch
oklch(67.5% 0.199 35.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

040943
433E04

Analogous

042943
040943
1E0443

Triadic

040943
430409
094304

Split-Comp.

040943
431E04
294304

Tetradic

040943
430429
433E04
04431E

Contrast Matrix WCAG 2.1 Contrast

040943
7F534C
FFBF7E
EC1226
F85C32
—
2.9
Fail
11.6
AAA
4.2
AA Large
5.8
AA
2.9
Fail
—
4.0
AA Large
1.4
Fail
2.0
Fail
11.6
AAA
4.0
AA Large
—
2.8
Fail
2.0
Fail
4.2
AA Large
1.4
Fail
2.8
Fail
—
1.4
Fail
5.8
AA
2.0
Fail
2.0
Fail
1.4
Fail
—
White BG
18.7AAA
6.5AA
1.6Fail
4.5AA Large
3.2AA Large
Black BG
1.1Fail
3.2AA Large
13.0AAA
4.7AA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060635
6C6C4E
E3E38E
8E8C21
B4B33C

Deuteranopia

060632
6F724E
E7EC92
9AAB20
BEC93F

Tritanopia

042A27
7D4F4F
FC9A9D
E11D1D
F04446

Achromatopsia

0E0E0E
5F5F5F
CBCBCB
555555
868686

Shades & Tints Shades & Tints

#040943

Dark
Light

#7F534C

Dark
Light

#FFBF7E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #040943;
  --color-2: #7f534c;
  --color-3: #ffbf7e;
  --color-4: #ec1226;
  --color-5: #f85c32;
}

SCSS

$color-1: #040943;
$color-2: #7f534c;
$color-3: #ffbf7e;
$color-4: #ec1226;
$color-5: #f85c32;

TAILWIND

colors: {
  'brand-1': '#040943',
  'brand-2': '#7f534c',
  'brand-3': '#ffbf7e',
  'brand-4': '#ec1226',
  'brand-5': '#f85c32',
}

RGB Array

[4, 9, 67], [127, 83, 76], [255, 191, 126], [236, 18, 38], [248, 92, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #040943, #7F534C, #FFBF7E, #EC1226, #F85C32 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: #040943; --color-2: #7f534c; --color-3: #ffbf7e; --color-4: #ec1226; --color-5: #f85c32. 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