← Back to Editor

#0D2842 · #321840 · #570D3D · #AB2626 · #D1AB00

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

#0D2842

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#0D2842
RGB
rgb(13, 40, 66)
HSL
hsl(209, 67%, 15%)
HSB
hsb(209, 80%, 26%)
CMYK
cmyk(80%, 39%, 0%, 74%)
Oklch
oklch(27.1% 0.059 250.2)

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

#321840

Dark Plum · MidnightBlue · Dark Purple

HEX
#321840
RGB
rgb(50, 24, 64)
HSL
hsl(279, 45%, 17%)
HSB
hsb(279, 63%, 25%)
CMYK
cmyk(22%, 63%, 0%, 75%)
Oklch
oklch(26.6% 0.077 312.3)

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

#570D3D

Rose Purple · Maroon · Raspberry

HEX
#570D3D
RGB
rgb(87, 13, 61)
HSL
hsl(321, 74%, 20%)
HSB
hsb(321, 85%, 34%)
CMYK
cmyk(0%, 85%, 30%, 66%)
Oklch
oklch(31.4% 0.117 346.4)

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

#AB2626

Vermilion · Brown · Passion Red

HEX
#AB2626
RGB
rgb(171, 38, 38)
HSL
hsl(0, 64%, 41%)
HSB
hsb(0, 78%, 67%)
CMYK
cmyk(0%, 78%, 78%, 33%)
Oklch
oklch(48.7% 0.170 26.2)

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

#D1AB00

Ochre · GoldenRod · Honey Gold

HEX
#D1AB00
RGB
rgb(209, 171, 0)
HSL
hsl(49, 100%, 41%)
HSB
hsb(49, 100%, 82%)
CMYK
cmyk(0%, 18%, 100%, 18%)
Oklch
oklch(75.3% 0.154 92.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D2842
40250D

Analogous

0D403F
0D2842
0D0D40

Triadic

0D2842
400D27
27400D

Split-Comp.

0D2842
400D0D
403F0D

Tetradic

0D2842
3F0D40
40250D
0D400D

Contrast Matrix WCAG 2.1 Contrast

0D2842
321840
570D3D
AB2626
D1AB00
—
1.0
Fail
1.1
Fail
2.2
Fail
6.8
AA
1.0
Fail
—
1.1
Fail
2.3
Fail
7.1
AAA
1.1
Fail
1.1
Fail
—
2.0
Fail
6.2
AA
2.2
Fail
2.3
Fail
2.0
Fail
—
3.1
AA Large
6.8
AA
7.1
AAA
6.2
AA
3.1
AA Large
—
White BG
15.0AAA
15.7AAA
13.7AAA
6.9AA
2.2Fail
Black BG
1.4Fail
1.3Fail
1.5Fail
3.0AA Large
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19193C
272736
373631
717026
C1C029

Deuteranopia

17153A
282A34
3B412F
798326
C3C633

Tritanopia

0E3736
312F2D
532826
A42626
CF4A51

Achromatopsia

232323
242424
292929
4E4E4E
A3A3A3

Shades & Tints Shades & Tints

#0D2842

Dark
Light

#321840

Dark
Light

#570D3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d2842;
  --color-2: #321840;
  --color-3: #570d3d;
  --color-4: #ab2626;
  --color-5: #d1ab00;
}

SCSS

$color-1: #0d2842;
$color-2: #321840;
$color-3: #570d3d;
$color-4: #ab2626;
$color-5: #d1ab00;

TAILWIND

colors: {
  'brand-1': '#0d2842',
  'brand-2': '#321840',
  'brand-3': '#570d3d',
  'brand-4': '#ab2626',
  'brand-5': '#d1ab00',
}

RGB Array

[13, 40, 66], [50, 24, 64], [87, 13, 61], [171, 38, 38], [209, 171, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0D2842, #321840, #570D3D, #AB2626, #D1AB00 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: #0d2842; --color-2: #321840; --color-3: #570d3d; --color-4: #ab2626; --color-5: #d1ab00. 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