← Back to Editor

#B05A04 · #450841 · #6B102D · #656E23 · #0C024D

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

#B05A04

Ochre · Sienna · Amber Brown

HEX
#B05A04
RGB
rgb(176, 90, 4)
HSL
hsl(30, 96%, 35%)
HSB
hsb(30, 98%, 69%)
CMYK
cmyk(0%, 49%, 98%, 31%)
Oklch
oklch(56.0% 0.138 54.8)

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

#450841

Rose Purple · MidnightBlue · Dark Purple

HEX
#450841
RGB
rgb(69, 8, 65)
HSL
hsl(304, 79%, 15%)
HSB
hsb(304, 88%, 27%)
CMYK
cmyk(0%, 88%, 6%, 73%)
Oklch
oklch(27.8% 0.113 331.1)

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

#6B102D

Dark Violet · Maroon · Raspberry

HEX
#6B102D
RGB
rgb(107, 16, 45)
HSL
hsl(341, 74%, 24%)
HSB
hsb(341, 85%, 42%)
CMYK
cmyk(0%, 85%, 58%, 58%)
Oklch
oklch(34.9% 0.124 8.5)

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

#656E23

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#656E23
RGB
rgb(101, 110, 35)
HSL
hsl(67, 52%, 28%)
HSB
hsb(67, 68%, 43%)
CMYK
cmyk(8%, 0%, 68%, 57%)
Oklch
oklch(51.5% 0.098 115.8)

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

#0C024D

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#0C024D
RGB
rgb(12, 2, 77)
HSL
hsl(248, 95%, 15%)
HSB
hsb(248, 97%, 30%)
CMYK
cmyk(84%, 97%, 0%, 70%)
Oklch
oklch(20.2% 0.124 273.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B05A04
0459AF

Analogous

AF0404
B05A04
AFAF04

Triadic

B05A04
04AF59
5904AF

Split-Comp.

B05A04
04AFAF
0404AF

Tetradic

B05A04
04AF04
0459AF
AF04AF

Contrast Matrix WCAG 2.1 Contrast

B05A04
450841
6B102D
656E23
0C024D
—
3.2
AA Large
2.5
Fail
1.1
Fail
3.8
AA Large
3.2
AA Large
—
1.3
Fail
2.8
Fail
1.2
Fail
2.5
Fail
1.3
Fail
—
2.2
Fail
1.5
Fail
1.1
Fail
2.8
Fail
2.2
Fail
—
3.4
AA Large
3.8
AA Large
1.2
Fail
1.5
Fail
3.4
AA Large
—
White BG
4.9AA
15.4AAA
12.1AAA
5.5AA
18.6AAA
Black BG
4.3AA Large
1.4Fail
1.7Fail
3.8AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A19
2B2A33
444326
696935
08083B

Deuteranopia

90961E
2E3330
495024
68683A
080937

Tritanopia

AC292D
422826
66201F
654347
0B2D29

Achromatopsia

6A6A6A
212121
2F2F2F
636363
0E0E0E

Shades & Tints Shades & Tints

#B05A04

Dark
Light

#450841

Dark
Light

#6B102D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b05a04;
  --color-2: #450841;
  --color-3: #6b102d;
  --color-4: #656e23;
  --color-5: #0c024d;
}

SCSS

$color-1: #b05a04;
$color-2: #450841;
$color-3: #6b102d;
$color-4: #656e23;
$color-5: #0c024d;

TAILWIND

colors: {
  'brand-1': '#b05a04',
  'brand-2': '#450841',
  'brand-3': '#6b102d',
  'brand-4': '#656e23',
  'brand-5': '#0c024d',
}

RGB Array

[176, 90, 4], [69, 8, 65], [107, 16, 45], [101, 110, 35], [12, 2, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B05A04, #450841, #6B102D, #656E23, #0C024D 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: #b05a04; --color-2: #450841; --color-3: #6b102d; --color-4: #656e23; --color-5: #0c024d. 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