← Back to Editor

#3A2601 · #6A3089 · #036C91 · #7C8A38 · #A29E19

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

#3A2601

Ochre · Black · Cinnamon

HEX
#3A2601
RGB
rgb(58, 38, 1)
HSL
hsl(39, 97%, 12%)
HSB
hsb(39, 98%, 23%)
CMYK
cmyk(0%, 34%, 98%, 77%)
Oklch
oklch(28.6% 0.059 78.0)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#6A3089

Dark Plum · DarkSlateBlue · Eggplant

HEX
#6A3089
RGB
rgb(106, 48, 137)
HSL
hsl(279, 48%, 36%)
HSB
hsb(279, 65%, 54%)
CMYK
cmyk(23%, 65%, 0%, 46%)
Oklch
oklch(43.0% 0.148 311.8)

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

#036C91

Lake Blue · Teal · Mint Ice

HEX
#036C91
RGB
rgb(3, 108, 145)
HSL
hsl(196, 96%, 29%)
HSB
hsb(196, 98%, 57%)
CMYK
cmyk(98%, 26%, 0%, 43%)
Oklch
oklch(49.8% 0.100 231.1)

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

#7C8A38

Grass Green · DarkOliveGreen · Forest Green

HEX
#7C8A38
RGB
rgb(124, 138, 56)
HSL
hsl(70, 42%, 38%)
HSB
hsb(70, 59%, 54%)
CMYK
cmyk(10%, 0%, 59%, 46%)
Oklch
oklch(60.4% 0.108 117.9)

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

#A29E19

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A29E19
RGB
rgb(162, 158, 25)
HSL
hsl(58, 73%, 37%)
HSB
hsb(58, 85%, 64%)
CMYK
cmyk(0%, 2%, 85%, 36%)
Oklch
oklch(68.1% 0.140 107.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3A2601
01163C

Analogous

3C0A01
3A2601
333C01

Triadic

3A2601
013C28
28013C

Split-Comp.

3A2601
01333C
0A013C

Tetradic

3A2601
013C0A
01163C
3C0133

Contrast Matrix WCAG 2.1 Contrast

3A2601
6A3089
036C91
7C8A38
A29E19
—
1.6
Fail
2.4
Fail
3.8
AA Large
5.1
AA
1.6
Fail
—
1.5
Fail
2.3
Fail
3.1
AA Large
2.4
Fail
1.5
Fail
—
1.6
Fail
2.1
Fail
3.8
AA Large
2.3
Fail
1.6
Fail
—
1.3
Fail
5.1
AA
3.1
AA Large
2.1
Fail
1.3
Fail
—
White BG
14.4AAA
8.8AAA
5.9AA
3.8AA Large
2.8Fail
Black BG
1.5Fail
2.4Fail
3.6AA Large
5.5AA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

31310A
515073
303188
82824C
A0A039

Deuteranopia

33340C
54596E
2A2386
818051
A1A141

Tritanopia

391113
67625F
08817F
7D5C5F
A25358

Achromatopsia

282828
4B4B4B
515151
7C7C7C
909090

Shades & Tints Shades & Tints

#3A2601

Dark
Light

#6A3089

Dark
Light

#036C91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3a2601;
  --color-2: #6a3089;
  --color-3: #036c91;
  --color-4: #7c8a38;
  --color-5: #a29e19;
}

SCSS

$color-1: #3a2601;
$color-2: #6a3089;
$color-3: #036c91;
$color-4: #7c8a38;
$color-5: #a29e19;

TAILWIND

colors: {
  'brand-1': '#3a2601',
  'brand-2': '#6a3089',
  'brand-3': '#036c91',
  'brand-4': '#7c8a38',
  'brand-5': '#a29e19',
}

RGB Array

[58, 38, 1], [106, 48, 137], [3, 108, 145], [124, 138, 56], [162, 158, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3A2601, #6A3089, #036C91, #7C8A38, #A29E19 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: #3a2601; --color-2: #6a3089; --color-3: #036c91; --color-4: #7c8a38; --color-5: #a29e19. 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