← Back to Editor

#1A426A · #EE0000 · #AA0000 · #C20A0C · #06073C

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

#1A426A

Indigo · DarkSlateGray · Prussian Blue

HEX
#1A426A
RGB
rgb(26, 66, 106)
HSL
hsl(210, 61%, 26%)
HSB
hsb(210, 75%, 42%)
CMYK
cmyk(75%, 38%, 0%, 58%)
Oklch
oklch(37.2% 0.082 251.0)

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

#EE0000

Vermilion · Red · Passion Red

HEX
#EE0000
RGB
rgb(238, 0, 0)
HSL
hsl(0, 100%, 47%)
HSB
hsb(0, 100%, 93%)
CMYK
cmyk(0%, 100%, 100%, 7%)
Oklch
oklch(59.6% 0.245 29.2)

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

#AA0000

Vermilion · DarkRed · Wine Red

HEX
#AA0000
RGB
rgb(170, 0, 0)
HSL
hsl(0, 100%, 33%)
HSB
hsb(0, 100%, 67%)
CMYK
cmyk(0%, 100%, 100%, 33%)
Oklch
oklch(46.3% 0.190 29.2)

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

#C20A0C

Vermilion · FireBrick · Wine Red

HEX
#C20A0C
RGB
rgb(194, 10, 12)
HSL
hsl(359, 90%, 40%)
HSB
hsb(359, 95%, 76%)
CMYK
cmyk(0%, 95%, 94%, 24%)
Oklch
oklch(51.4% 0.207 28.6)

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

#06073C

Indigo · MidnightBlue · Deep Sea Blue

HEX
#06073C
RGB
rgb(6, 7, 60)
HSL
hsl(239, 82%, 13%)
HSB
hsb(239, 90%, 24%)
CMYK
cmyk(90%, 88%, 0%, 76%)
Oklch
oklch(18.2% 0.097 270.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A426A
6B421A

Analogous

1A6B6B
1A426A
1A1A6B

Triadic

1A426A
6B1A42
426B1A

Split-Comp.

1A426A
6B1A1A
6B6B1A

Tetradic

1A426A
6B1A6B
6B421A
1A6B1A

Contrast Matrix WCAG 2.1 Contrast

1A426A
EE0000
AA0000
C20A0C
06073C
—
2.3
Fail
1.3
Fail
1.6
Fail
1.8
Fail
2.3
Fail
—
1.7
Fail
1.4
Fail
4.2
AA Large
1.3
Fail
1.7
Fail
—
1.2
Fail
2.5
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
3.0
AA Large
1.8
Fail
4.2
AA Large
2.5
Fail
3.0
AA Large
—
White BG
10.3AAA
4.5AA
7.8AAA
6.3AA
19.0AAA
Black BG
2.0Fail
4.6AA
2.7Fail
3.3AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2C60
878500
605F00
72710C
06062F

Deuteranopia

29265E
95A700
6A7700
7D8B0B
06062C

Tritanopia

1C5957
E20000
A20000
B90B0B
062523

Achromatopsia

3B3B3B
474747
333333
414141
0D0D0D

Shades & Tints Shades & Tints

#1A426A

Dark
Light

#EE0000

Dark
Light

#AA0000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a426a;
  --color-2: #ee0000;
  --color-3: #aa0000;
  --color-4: #c20a0c;
  --color-5: #06073c;
}

SCSS

$color-1: #1a426a;
$color-2: #ee0000;
$color-3: #aa0000;
$color-4: #c20a0c;
$color-5: #06073c;

TAILWIND

colors: {
  'brand-1': '#1a426a',
  'brand-2': '#ee0000',
  'brand-3': '#aa0000',
  'brand-4': '#c20a0c',
  'brand-5': '#06073c',
}

RGB Array

[26, 66, 106], [238, 0, 0], [170, 0, 0], [194, 10, 12], [6, 7, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A426A, #EE0000, #AA0000, #C20A0C, #06073C 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: #1a426a; --color-2: #ee0000; --color-3: #aa0000; --color-4: #c20a0c; --color-5: #06073c. 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