← Back to Editor

#815512 · #203F5F · #0A0244 · #080F00 · #2CC794

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

#815512

Ochre · Sienna · Amber Brown

HEX
#815512
RGB
rgb(129, 85, 18)
HSL
hsl(36, 76%, 29%)
HSB
hsb(36, 86%, 51%)
CMYK
cmyk(0%, 34%, 86%, 49%)
Oklch
oklch(48.7% 0.097 71.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#203F5F

Indigo · DarkSlateGray · Prussian Blue

HEX
#203F5F
RGB
rgb(32, 63, 95)
HSL
hsl(210, 50%, 25%)
HSB
hsb(210, 66%, 37%)
CMYK
cmyk(66%, 34%, 0%, 63%)
Oklch
oklch(36.0% 0.067 250.9)

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

#0A0244

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#0A0244
RGB
rgb(10, 2, 68)
HSL
hsl(247, 94%, 14%)
HSB
hsb(247, 97%, 27%)
CMYK
cmyk(85%, 97%, 0%, 73%)
Oklch
oklch(18.7% 0.113 273.7)

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

#080F00

Grass Green · Black · Dark Green

HEX
#080F00
RGB
rgb(8, 15, 0)
HSL
hsl(88, 100%, 3%)
HSB
hsb(88, 100%, 6%)
CMYK
cmyk(47%, 0%, 100%, 94%)
Oklch
oklch(15.5% 0.040 126.3)

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

#2CC794

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2CC794
RGB
rgb(44, 199, 148)
HSL
hsl(160, 64%, 48%)
HSB
hsb(160, 78%, 78%)
CMYK
cmyk(78%, 0%, 26%, 22%)
Oklch
oklch(74.0% 0.145 165.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

815512
123F82

Analogous

821D12
815512
778212

Triadic

815512
128255
551282

Split-Comp.

815512
127782
1D1282

Tetradic

815512
12821D
123F82
821277

Contrast Matrix WCAG 2.1 Contrast

815512
203F5F
0A0244
080F00
2CC794
—
1.7
Fail
2.9
Fail
3.0
AA Large
3.0
Fail
1.7
Fail
—
1.8
Fail
1.8
Fail
5.0
AA
2.9
Fail
1.8
Fail
—
1.0
Fail
8.8
AAA
3.0
AA Large
1.8
Fail
1.0
Fail
—
9.0
AAA
3.0
Fail
5.0
AA
8.8
AAA
9.0
AAA
—
White BG
6.5AA
10.8AAA
19.0AAA
19.5AAA
2.2Fail
Black BG
3.2AA Large
1.9Fail
1.1Fail
1.1Fail
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E22
2D2E57
070634
0B0B04
6F71A0

Deuteranopia

717426
2C2955
070830
0B0A05
665BA3

Tritanopia

7F2F32
225150
0A2725
080607
34AAAC

Achromatopsia

5B5B5B
393939
0C0C0C
0B0B0B
939393

Shades & Tints Shades & Tints

#815512

Dark
Light

#203F5F

Dark
Light

#0A0244

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #815512;
  --color-2: #203f5f;
  --color-3: #0a0244;
  --color-4: #080f00;
  --color-5: #2cc794;
}

SCSS

$color-1: #815512;
$color-2: #203f5f;
$color-3: #0a0244;
$color-4: #080f00;
$color-5: #2cc794;

TAILWIND

colors: {
  'brand-1': '#815512',
  'brand-2': '#203f5f',
  'brand-3': '#0a0244',
  'brand-4': '#080f00',
  'brand-5': '#2cc794',
}

RGB Array

[129, 85, 18], [32, 63, 95], [10, 2, 68], [8, 15, 0], [44, 199, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #815512, #203F5F, #0A0244, #080F00, #2CC794 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: #815512; --color-2: #203f5f; --color-3: #0a0244; --color-4: #080f00; --color-5: #2cc794. 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