← Back to Editor

#1A132F · #760037 · #AE0540 · #F1DA8A · #99AB21

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

#1A132F

Deep Indigo · Black · Deep Sea Blue

HEX
#1A132F
RGB
rgb(26, 19, 47)
HSL
hsl(255, 42%, 13%)
HSB
hsb(255, 60%, 18%)
CMYK
cmyk(45%, 60%, 0%, 82%)
Oklch
oklch(21.2% 0.054 292.7)

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

#760037

Dark Violet · Maroon · Raspberry

HEX
#760037
RGB
rgb(118, 0, 55)
HSL
hsl(332, 100%, 23%)
HSB
hsb(332, 100%, 46%)
CMYK
cmyk(0%, 100%, 53%, 54%)
Oklch
oklch(36.5% 0.147 2.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#AE0540

Dark Violet · FireBrick · Camellia

HEX
#AE0540
RGB
rgb(174, 5, 64)
HSL
hsl(339, 94%, 35%)
HSB
hsb(339, 97%, 68%)
CMYK
cmyk(0%, 97%, 63%, 32%)
Oklch
oklch(48.0% 0.190 12.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F1DA8A

Goose Yellow · Khaki · Sunflower

HEX
#F1DA8A
RGB
rgb(241, 218, 138)
HSL
hsl(47, 79%, 74%)
HSB
hsb(47, 43%, 95%)
CMYK
cmyk(0%, 10%, 43%, 5%)
Oklch
oklch(89.0% 0.103 93.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#99AB21

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99AB21
RGB
rgb(153, 171, 33)
HSL
hsl(68, 68%, 40%)
HSB
hsb(68, 81%, 67%)
CMYK
cmyk(11%, 0%, 81%, 33%)
Oklch
oklch(70.4% 0.153 117.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A132F
282F13

Analogous

131A2F
1A132F
28132F

Triadic

1A132F
2F1A13
132F1A

Split-Comp.

1A132F
2F2813
1A2F13

Tetradic

1A132F
2F131A
282F13
132F28

Contrast Matrix WCAG 2.1 Contrast

1A132F
760037
AE0540
F1DA8A
99AB21
—
1.5
Fail
2.5
Fail
12.8
AAA
7.0
AA
1.5
Fail
—
1.6
Fail
8.3
AAA
4.5
AA Large
2.5
Fail
1.6
Fail
—
5.2
AA
2.8
Fail
12.8
AAA
8.3
AAA
5.2
AA
—
1.8
Fail
7.0
AA
4.5
AA Large
2.8
Fail
1.8
Fail
—
White BG
17.8AAA
11.5AAA
7.3AAA
1.4Fail
2.6Fail
Black BG
1.2Fail
1.8Fail
2.9Fail
15.1AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

171728
43422A
656332
E7E79D
A1A142

Deuteranopia

171827
4A5327
6F7B2E
E8EAA2
A09E4A

Tritanopia

1A2322
701F1D
A62624
F0ADB0
9A5D63

Achromatopsia

181818
2A2A2A
3E3E3E
D8D8D8
969696

Shades & Tints Shades & Tints

#1A132F

Dark
Light

#760037

Dark
Light

#AE0540

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a132f;
  --color-2: #760037;
  --color-3: #ae0540;
  --color-4: #f1da8a;
  --color-5: #99ab21;
}

SCSS

$color-1: #1a132f;
$color-2: #760037;
$color-3: #ae0540;
$color-4: #f1da8a;
$color-5: #99ab21;

TAILWIND

colors: {
  'brand-1': '#1a132f',
  'brand-2': '#760037',
  'brand-3': '#ae0540',
  'brand-4': '#f1da8a',
  'brand-5': '#99ab21',
}

RGB Array

[26, 19, 47], [118, 0, 55], [174, 5, 64], [241, 218, 138], [153, 171, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A132F, #760037, #AE0540, #F1DA8A, #99AB21 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #1a132f; --color-2: #760037; --color-3: #ae0540; --color-4: #f1da8a; --color-5: #99ab21. 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. 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