← Back to Editor

#D48027 · #E54D26 · #BA0B46 · #8F1561 · #08265C

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

#D48027

Ochre · Chocolate · Amber Brown

HEX
#D48027
RGB
rgb(212, 128, 39)
HSL
hsl(31, 69%, 49%)
HSB
hsb(31, 82%, 83%)
CMYK
cmyk(0%, 40%, 82%, 17%)
Oklch
oklch(67.6% 0.142 61.7)

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

#E54D26

Vermilion · Chocolate · Passion Red

HEX
#E54D26
RGB
rgb(229, 77, 38)
HSL
hsl(12, 79%, 52%)
HSB
hsb(12, 83%, 90%)
CMYK
cmyk(0%, 66%, 83%, 10%)
Oklch
oklch(62.6% 0.195 35.0)

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

#BA0B46

Dark Violet · Crimson · Camellia

HEX
#BA0B46
RGB
rgb(186, 11, 70)
HSL
hsl(340, 89%, 39%)
HSB
hsb(340, 94%, 73%)
CMYK
cmyk(0%, 94%, 62%, 27%)
Oklch
oklch(50.6% 0.198 12.0)

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

#8F1561

Rose Purple · Purple · Camellia

HEX
#8F1561
RGB
rgb(143, 21, 97)
HSL
hsl(323, 74%, 32%)
HSB
hsb(323, 85%, 56%)
CMYK
cmyk(0%, 85%, 32%, 44%)
Oklch
oklch(43.9% 0.169 348.8)

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

#08265C

Indigo · MidnightBlue · Deep Sea Blue

HEX
#08265C
RGB
rgb(8, 38, 92)
HSL
hsl(219, 84%, 20%)
HSB
hsb(219, 91%, 36%)
CMYK
cmyk(91%, 59%, 0%, 64%)
Oklch
oklch(28.5% 0.103 261.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D48027
277AD3

Analogous

D32A27
D48027
D0D327

Triadic

D48027
27D380
8027D3

Split-Comp.

D48027
27D0D3
2A27D3

Tetradic

D48027
27D32A
277AD3
D327D0

Contrast Matrix WCAG 2.1 Contrast

D48027
E54D26
BA0B46
8F1561
08265C
—
1.3
Fail
2.1
Fail
2.8
Fail
4.8
AA
1.3
Fail
—
1.7
Fail
2.2
Fail
3.8
AA Large
2.1
Fail
1.7
Fail
—
1.3
Fail
2.2
Fail
2.8
Fail
2.2
Fail
1.3
Fail
—
1.7
Fail
4.8
AA
3.8
AA Large
2.2
Fail
1.7
Fail
—
White BG
3.0AA Large
3.9AA Large
6.5AA
8.6AAA
14.6AAA
Black BG
6.9AA
5.4AA
3.2AA Large
2.4Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AF3D
A3A22F
6E6D38
5A594F
15154F

Deuteranopia

B5BB42
ACB732
788634
616A4A
13114C

Tritanopia

D04E51
DD3739
B12C2A
89403D
0A4542

Achromatopsia

8F8F8F
767676
464646
424242
232323

Shades & Tints Shades & Tints

#D48027

Dark
Light

#E54D26

Dark
Light

#BA0B46

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d48027;
  --color-2: #e54d26;
  --color-3: #ba0b46;
  --color-4: #8f1561;
  --color-5: #08265c;
}

SCSS

$color-1: #d48027;
$color-2: #e54d26;
$color-3: #ba0b46;
$color-4: #8f1561;
$color-5: #08265c;

TAILWIND

colors: {
  'brand-1': '#d48027',
  'brand-2': '#e54d26',
  'brand-3': '#ba0b46',
  'brand-4': '#8f1561',
  'brand-5': '#08265c',
}

RGB Array

[212, 128, 39], [229, 77, 38], [186, 11, 70], [143, 21, 97], [8, 38, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D48027, #E54D26, #BA0B46, #8F1561, #08265C 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: #d48027; --color-2: #e54d26; --color-3: #ba0b46; --color-4: #8f1561; --color-5: #08265c. 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