← Back to Editor

#800A0A · #371B5E · #AB8E0E · #478703 · #0B4D6B

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

#800A0A

Vermilion · Maroon · Wine Red

HEX
#800A0A
RGB
rgb(128, 10, 10)
HSL
hsl(0, 86%, 27%)
HSB
hsb(0, 92%, 50%)
CMYK
cmyk(0%, 92%, 92%, 50%)
Oklch
oklch(38.2% 0.149 28.2)

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

#371B5E

Deep Indigo · MidnightBlue · Eggplant

HEX
#371B5E
RGB
rgb(55, 27, 94)
HSL
hsl(265, 55%, 24%)
HSB
hsb(265, 71%, 37%)
CMYK
cmyk(41%, 71%, 0%, 63%)
Oklch
oklch(30.1% 0.113 298.5)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#AB8E0E

Ochre · DarkGoldenRod · Honey Gold

HEX
#AB8E0E
RGB
rgb(171, 142, 14)
HSL
hsl(49, 85%, 36%)
HSB
hsb(49, 92%, 67%)
CMYK
cmyk(0%, 17%, 92%, 33%)
Oklch
oklch(65.4% 0.131 94.0)

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

#478703

Grass Green · ForestGreen · Forest Green

HEX
#478703
RGB
rgb(71, 135, 3)
HSL
hsl(89, 96%, 27%)
HSB
hsb(89, 98%, 53%)
CMYK
cmyk(47%, 0%, 98%, 47%)
Oklch
oklch(55.8% 0.161 134.6)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#0B4D6B

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0B4D6B
RGB
rgb(11, 77, 107)
HSL
hsl(199, 81%, 23%)
HSB
hsb(199, 90%, 42%)
CMYK
cmyk(90%, 28%, 0%, 58%)
Oklch
oklch(39.7% 0.079 234.8)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

800A0A
0A8080

Analogous

800A45
800A0A
80450A

Triadic

800A0A
0A800A
0A0A80

Split-Comp.

800A0A
0A8045
0A4580

Tetradic

800A0A
45800A
0A8080
450A80

Contrast Matrix WCAG 2.1 Contrast

800A0A
371B5E
AB8E0E
478703
0B4D6B
—
1.3
Fail
3.4
AA Large
2.4
Fail
1.2
Fail
1.3
Fail
—
4.5
AA Large
3.2
AA Large
1.5
Fail
3.4
AA Large
4.5
AA Large
—
1.4
Fail
2.9
Fail
2.4
Fail
3.2
AA Large
1.4
Fail
—
2.1
Fail
1.2
Fail
1.5
Fail
2.9
Fail
2.1
Fail
—
White BG
10.7AAA
14.2AAA
3.2AA Large
4.4AA Large
9.2AAA
Black BG
2.0Fail
1.5Fail
6.6AA
4.7AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4C0A
2B2B4E
9E9E2D
636323
282864

Deuteranopia

545D0A
2D2F4A
A0A234
5F5A2B
241F62

Tritanopia

7A0A0A
36413E
AA454B
4A3C42
0E5E5D

Achromatopsia

2D2D2D
2B2B2B
888888
656565
3D3D3D

Shades & Tints Shades & Tints

#800A0A

Dark
Light

#371B5E

Dark
Light

#AB8E0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #800a0a;
  --color-2: #371b5e;
  --color-3: #ab8e0e;
  --color-4: #478703;
  --color-5: #0b4d6b;
}

SCSS

$color-1: #800a0a;
$color-2: #371b5e;
$color-3: #ab8e0e;
$color-4: #478703;
$color-5: #0b4d6b;

TAILWIND

colors: {
  'brand-1': '#800a0a',
  'brand-2': '#371b5e',
  'brand-3': '#ab8e0e',
  'brand-4': '#478703',
  'brand-5': '#0b4d6b',
}

RGB Array

[128, 10, 10], [55, 27, 94], [171, 142, 14], [71, 135, 3], [11, 77, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #800A0A, #371B5E, #AB8E0E, #478703, #0B4D6B 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: #800a0a; --color-2: #371b5e; --color-3: #ab8e0e; --color-4: #478703; --color-5: #0b4d6b. 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