← Back to Editor

#8D6827 · #EE268D · #484049 · #046183 · #1F3CDE

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

#8D6827

Ochre · Sienna · Amber Brown

HEX
#8D6827
RGB
rgb(141, 104, 39)
HSL
hsl(38, 57%, 35%)
HSB
hsb(38, 72%, 55%)
CMYK
cmyk(0%, 26%, 72%, 45%)
Oklch
oklch(54.3% 0.094 78.3)

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

#EE268D

Rose Purple · DeepPink · Rose Pink

HEX
#EE268D
RGB
rgb(238, 38, 141)
HSL
hsl(329, 85%, 54%)
HSB
hsb(329, 84%, 93%)
CMYK
cmyk(0%, 84%, 41%, 7%)
Oklch
oklch(63.1% 0.240 356.4)

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

#484049

Dark Cyan · DarkSlateGray · Charcoal

HEX
#484049
RGB
rgb(72, 64, 73)
HSL
hsl(293, 7%, 27%)
HSB
hsb(293, 12%, 29%)
CMYK
cmyk(1%, 12%, 0%, 71%)
Oklch
oklch(38.3% 0.018 322.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#046183

Lake Blue · Teal · Mint Ice

HEX
#046183
RGB
rgb(4, 97, 131)
HSL
hsl(196, 94%, 26%)
HSB
hsb(196, 97%, 51%)
CMYK
cmyk(97%, 26%, 0%, 49%)
Oklch
oklch(46.3% 0.093 231.5)

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

#1F3CDE

Indigo · MediumBlue · Navy Blue

HEX
#1F3CDE
RGB
rgb(31, 60, 222)
HSL
hsl(231, 75%, 50%)
HSB
hsb(231, 86%, 87%)
CMYK
cmyk(86%, 73%, 0%, 13%)
Oklch
oklch(46.5% 0.243 266.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D6827
264C8C

Analogous

8C3426
8D6827
7F8C26

Triadic

8D6827
268C67
67268C

Split-Comp.

8D6827
267F8C
34268C

Tetradic

8D6827
268C34
264C8C
8C267F

Contrast Matrix WCAG 2.1 Contrast

8D6827
EE268D
484049
046183
1F3CDE
—
1.3
Fail
2.0
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
2.5
Fail
1.7
Fail
1.9
Fail
2.0
Fail
2.5
Fail
—
1.4
Fail
1.3
Fail
1.4
Fail
1.7
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
White BG
5.1AA
4.0AA Large
10.0AAA
6.9AA
7.6AAA
Black BG
4.1AA Large
5.3AA
2.1Fail
3.0AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D37
979674
454447
2C2D7B
2C2CB7

Deuteranopia

7F823B
A3B26E
454646
272079
2A28AD

Tritanopia

8B4346
E4605C
484545
097473
209891

Achromatopsia

6C6C6C
6E6E6E
434343
494949
464646

Shades & Tints Shades & Tints

#8D6827

Dark
Light

#EE268D

Dark
Light

#484049

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d6827;
  --color-2: #ee268d;
  --color-3: #484049;
  --color-4: #046183;
  --color-5: #1f3cde;
}

SCSS

$color-1: #8d6827;
$color-2: #ee268d;
$color-3: #484049;
$color-4: #046183;
$color-5: #1f3cde;

TAILWIND

colors: {
  'brand-1': '#8d6827',
  'brand-2': '#ee268d',
  'brand-3': '#484049',
  'brand-4': '#046183',
  'brand-5': '#1f3cde',
}

RGB Array

[141, 104, 39], [238, 38, 141], [72, 64, 73], [4, 97, 131], [31, 60, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D6827, #EE268D, #484049, #046183, #1F3CDE 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: #8d6827; --color-2: #ee268d; --color-3: #484049; --color-4: #046183; --color-5: #1f3cde. 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