← Back to Editor

#400A29 · #370445 · #1E2559 · #003670 · #004A82

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

#400A29

Rose Purple · Black · Raspberry

HEX
#400A29
RGB
rgb(64, 10, 41)
HSL
hsl(326, 73%, 15%)
HSB
hsb(326, 84%, 25%)
CMYK
cmyk(0%, 84%, 36%, 75%)
Oklch
oklch(25.7% 0.089 350.1)

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

#370445

Royal Purple · MidnightBlue · Dark Purple

HEX
#370445
RGB
rgb(55, 4, 69)
HSL
hsl(287, 89%, 14%)
HSB
hsb(287, 94%, 27%)
CMYK
cmyk(20%, 94%, 0%, 73%)
Oklch
oklch(25.2% 0.115 317.3)

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

#1E2559

Indigo · MidnightBlue · Prussian Blue

HEX
#1E2559
RGB
rgb(30, 37, 89)
HSL
hsl(233, 50%, 23%)
HSB
hsb(233, 66%, 35%)
CMYK
cmyk(66%, 58%, 0%, 65%)
Oklch
oklch(29.1% 0.093 273.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#003670

Indigo · MidnightBlue · Prussian Blue

HEX
#003670
RGB
rgb(0, 54, 112)
HSL
hsl(211, 100%, 22%)
HSB
hsb(211, 100%, 44%)
CMYK
cmyk(100%, 52%, 0%, 56%)
Oklch
oklch(33.9% 0.113 255.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#004A82

Lake Blue · Teal · Prussian Blue

HEX
#004A82
RGB
rgb(0, 74, 130)
HSL
hsl(206, 100%, 25%)
HSB
hsb(206, 100%, 51%)
CMYK
cmyk(100%, 43%, 0%, 49%)
Oklch
oklch(40.2% 0.113 249.7)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

400A29
0A4223

Analogous

3E0A42
400A29
420A0E

Triadic

400A29
2A420A
0A2A42

Split-Comp.

400A29
0E420A
0A423E

Tetradic

400A29
423E0A
0A4223
0A0E42

Contrast Matrix WCAG 2.1 Contrast

400A29
370445
1E2559
003670
004A82
—
1.0
Fail
1.1
Fail
1.4
Fail
1.8
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
White BG
16.2AAA
16.6AAA
14.3AAA
11.9AAA
9.1AAA
Black BG
1.3Fail
1.3Fail
1.5Fail
1.8Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

292821
212035
21214C
171862
202174

Deuteranopia

2C3020
242832
212049
14105F
1C1671

Tritanopia

3D1C1A
342926
1E4240
035754
046A67

Achromatopsia

1E1E1E
1B1B1B
292929
2C2C2C
3A3A3A

Shades & Tints Shades & Tints

#400A29

Dark
Light

#370445

Dark
Light

#1E2559

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #400a29;
  --color-2: #370445;
  --color-3: #1e2559;
  --color-4: #003670;
  --color-5: #004a82;
}

SCSS

$color-1: #400a29;
$color-2: #370445;
$color-3: #1e2559;
$color-4: #003670;
$color-5: #004a82;

TAILWIND

colors: {
  'brand-1': '#400a29',
  'brand-2': '#370445',
  'brand-3': '#1e2559',
  'brand-4': '#003670',
  'brand-5': '#004a82',
}

RGB Array

[64, 10, 41], [55, 4, 69], [30, 37, 89], [0, 54, 112], [0, 74, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #400A29, #370445, #1E2559, #003670, #004A82 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: #400a29; --color-2: #370445; --color-3: #1e2559; --color-4: #003670; --color-5: #004a82. 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