← Back to Editor

#3E4747 · #780050 · #FF4800 · #FFC800 · #BF006A

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

#3E4747

Dark Cyan · DarkSlateGray · Charcoal

HEX
#3E4747
RGB
rgb(62, 71, 71)
HSL
hsl(180, 7%, 26%)
HSB
hsb(180, 13%, 28%)
CMYK
cmyk(13%, 0%, 0%, 72%)
Oklch
oklch(39.0% 0.012 196.7)

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

#780050

Rose Purple · Purple · Raspberry

HEX
#780050
RGB
rgb(120, 0, 80)
HSL
hsl(320, 100%, 24%)
HSB
hsb(320, 100%, 47%)
CMYK
cmyk(0%, 100%, 33%, 53%)
Oklch
oklch(37.9% 0.159 348.3)

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

#FF4800

Tangerine · OrangeRed · Amber Brown

HEX
#FF4800
RGB
rgb(255, 72, 0)
HSL
hsl(17, 100%, 50%)
HSB
hsb(17, 100%, 100%)
CMYK
cmyk(0%, 72%, 100%, 0%)
Oklch
oklch(66.3% 0.227 36.0)

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

#FFC800

Ochre · Gold · Honey Gold

HEX
#FFC800
RGB
rgb(255, 200, 0)
HSL
hsl(47, 100%, 50%)
HSB
hsb(47, 100%, 100%)
CMYK
cmyk(0%, 22%, 100%, 0%)
Oklch
oklch(85.7% 0.175 88.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BF006A

Rose Purple · MediumVioletRed · Camellia

HEX
#BF006A
RGB
rgb(191, 0, 106)
HSL
hsl(327, 100%, 37%)
HSB
hsb(327, 100%, 75%)
CMYK
cmyk(0%, 100%, 45%, 25%)
Oklch
oklch(52.3% 0.213 357.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E4747
473E3E

Analogous

3E4742
3E4747
3E4247

Triadic

3E4747
473E47
47473E

Split-Comp.

3E4747
473E42
47423E

Tetradic

3E4747
423E47
473E3E
42473E

Contrast Matrix WCAG 2.1 Contrast

3E4747
780050
FF4800
FFC800
BF006A
—
1.1
Fail
2.8
Fail
6.2
AA
1.6
Fail
1.1
Fail
—
3.2
AA Large
7.1
AAA
1.8
Fail
2.8
Fail
3.2
AA Large
—
2.2
Fail
1.8
Fail
6.2
AA
7.1
AAA
2.2
Fail
—
3.9
AA Large
1.6
Fail
1.8
Fail
1.8
Fail
3.9
AA Large
—
White BG
9.6AAA
11.0AAA
3.4AA Large
1.6Fail
6.1AA
Black BG
2.2Fail
1.9Fail
6.2AA
13.5AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

424247
44433D
B0AE11
E7E730
6C6B50

Deuteranopia

414147
4B5438
BAC816
EAEF3C
77864A

Tritanopia

3E4747
722D2A
F61F22
FC575F
B53C38

Achromatopsia

444444
2D2D2D
777777
C2C2C2
454545

Shades & Tints Shades & Tints

#3E4747

Dark
Light

#780050

Dark
Light

#FF4800

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e4747;
  --color-2: #780050;
  --color-3: #ff4800;
  --color-4: #ffc800;
  --color-5: #bf006a;
}

SCSS

$color-1: #3e4747;
$color-2: #780050;
$color-3: #ff4800;
$color-4: #ffc800;
$color-5: #bf006a;

TAILWIND

colors: {
  'brand-1': '#3e4747',
  'brand-2': '#780050',
  'brand-3': '#ff4800',
  'brand-4': '#ffc800',
  'brand-5': '#bf006a',
}

RGB Array

[62, 71, 71], [120, 0, 80], [255, 72, 0], [255, 200, 0], [191, 0, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3E4747, #780050, #FF4800, #FFC800, #BF006A 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: #3e4747; --color-2: #780050; --color-3: #ff4800; --color-4: #ffc800; --color-5: #bf006a. 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