← Back to Editor

#40575E · #520930 · #AD172E · #DE3526 · #E69B40

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 App

Color Details Color Details

#40575E

Slate Blue · DarkSlateGray · Mint Ice

HEX
#40575E
RGB
rgb(64, 87, 94)
HSL
hsl(194, 19%, 31%)
HSB
hsb(194, 32%, 37%)
CMYK
cmyk(32%, 7%, 0%, 63%)
Oklch
oklch(44.1% 0.030 218.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#520930

Rose Purple · Maroon · Raspberry

HEX
#520930
RGB
rgb(82, 9, 48)
HSL
hsl(328, 80%, 18%)
HSB
hsb(328, 89%, 32%)
CMYK
cmyk(0%, 89%, 41%, 68%)
Oklch
oklch(29.5% 0.109 354.2)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#AD172E

Vermilion · FireBrick · Wine Red

HEX
#AD172E
RGB
rgb(173, 23, 46)
HSL
hsl(351, 77%, 38%)
HSB
hsb(351, 87%, 68%)
CMYK
cmyk(0%, 87%, 73%, 32%)
Oklch
oklch(48.2% 0.181 20.8)

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

#DE3526

Vermilion · Crimson · Passion Red

HEX
#DE3526
RGB
rgb(222, 53, 38)
HSL
hsl(5, 74%, 51%)
HSB
hsb(5, 83%, 87%)
CMYK
cmyk(0%, 76%, 83%, 13%)
Oklch
oklch(59.1% 0.207 29.7)

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

#E69B40

Ginger · GoldenRod · Warm Sun

HEX
#E69B40
RGB
rgb(230, 155, 64)
HSL
hsl(33, 77%, 58%)
HSB
hsb(33, 72%, 90%)
CMYK
cmyk(0%, 33%, 72%, 10%)
Oklch
oklch(74.8% 0.137 67.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40575E
5E4740

Analogous

405E56
40575E
40485E

Triadic

40575E
5E4057
575E40

Split-Comp.

40575E
5E4048
5E5640

Tetradic

40575E
56405E
5E4740
485E40

Contrast Matrix WCAG 2.1 Contrast

40575E
520930
AD172E
DE3526
E69B40
—
1.9
Fail
1.1
Fail
1.7
Fail
3.3
AA Large
1.9
Fail
—
2.0
Fail
3.2
AA Large
6.3
AA
1.1
Fail
2.0
Fail
—
1.6
Fail
3.1
AA Large
1.7
Fail
3.2
AA Large
1.6
Fail
—
2.0
Fail
3.3
AA Large
6.3
AA
3.1
AA Large
2.0
Fail
—
White BG
7.7AAA
14.6AAA
7.1AAA
4.5AA
2.3Fail
Black BG
2.7Fail
1.4Fail
2.9Fail
4.6AA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A5C
323227
6C6B28
95932A
C6C556

Deuteranopia

49475C
373C24
758027
9FAB2B
CAD05B

Tritanopia

415B5B
4E1F1D
A62423
D62C2D
E2676B

Achromatopsia

515151
232323
464646
666666
A7A7A7

Shades & Tints Shades & Tints

#40575E

Dark
Light

#520930

Dark
Light

#AD172E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40575e;
  --color-2: #520930;
  --color-3: #ad172e;
  --color-4: #de3526;
  --color-5: #e69b40;
}

SCSS

$color-1: #40575e;
$color-2: #520930;
$color-3: #ad172e;
$color-4: #de3526;
$color-5: #e69b40;

TAILWIND

colors: {
  'brand-1': '#40575e',
  'brand-2': '#520930',
  'brand-3': '#ad172e',
  'brand-4': '#de3526',
  'brand-5': '#e69b40',
}

RGB Array

[64, 87, 94], [82, 9, 48], [173, 23, 46], [222, 53, 38], [230, 155, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #40575E, #520930, #AD172E, #DE3526, #E69B40 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #40575e; --color-2: #520930; --color-3: #ad172e; --color-4: #de3526; --color-5: #e69b40. 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. 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