← Back to Editor

#47054F · #9B4C9B · #F5B35F · #F3F673 · #7BB48B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#47054F

Royal Purple · MidnightBlue · Dark Purple

HEX
#47054F
RGB
rgb(71, 5, 79)
HSL
hsl(294, 88%, 16%)
HSB
hsb(294, 94%, 31%)
CMYK
cmyk(10%, 94%, 0%, 69%)
Oklch
oklch(28.9% 0.129 322.9)

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

#9B4C9B

Rose Purple · DarkOrchid · Violet

HEX
#9B4C9B
RGB
rgb(155, 76, 155)
HSL
hsl(300, 34%, 45%)
HSB
hsb(300, 51%, 61%)
CMYK
cmyk(0%, 51%, 0%, 39%)
Oklch
oklch(54.4% 0.146 327.4)

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

#F5B35F

Ginger · SandyBrown · Warm Sun

HEX
#F5B35F
RGB
rgb(245, 179, 95)
HSL
hsl(34, 88%, 67%)
HSB
hsb(34, 61%, 96%)
CMYK
cmyk(0%, 27%, 61%, 4%)
Oklch
oklch(81.2% 0.127 71.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F3F673

Fresh Green · Khaki · Sunflower

HEX
#F3F673
RGB
rgb(243, 246, 115)
HSL
hsl(61, 88%, 71%)
HSB
hsb(61, 53%, 96%)
CMYK
cmyk(1%, 0%, 53%, 4%)
Oklch
oklch(94.6% 0.153 110.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#7BB48B

Celadon · DarkSeaGreen · Olive Green

HEX
#7BB48B
RGB
rgb(123, 180, 139)
HSL
hsl(137, 28%, 59%)
HSB
hsb(137, 32%, 71%)
CMYK
cmyk(32%, 0%, 23%, 29%)
Oklch
oklch(71.9% 0.084 152.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47054F
0C4D05

Analogous

22054D
47054F
4D0530

Triadic

47054F
4D4605
054D46

Split-Comp.

47054F
304D05
054D22

Tetradic

47054F
4D2205
0C4D05
05304D

Contrast Matrix WCAG 2.1 Contrast

47054F
9B4C9B
F5B35F
F3F673
7BB48B
—
2.8
Fail
8.2
AAA
13.0
AAA
6.2
AA
2.8
Fail
—
2.9
Fail
4.7
AA
2.2
Fail
8.2
AAA
2.9
Fail
—
1.6
Fail
1.3
Fail
13.0
AAA
4.7
AA
1.6
Fail
—
2.1
Fail
6.2
AA
2.2
Fail
1.3
Fail
2.1
Fail
—
White BG
15.0AAA
5.4AA
1.8Fail
1.2Fail
2.4Fail
Black BG
1.4Fail
3.9AA Large
11.5AAA
18.2AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A3D
797888
D8D873
F4F493
949495

Deuteranopia

2E3339
7D8383
DCE178
F4F49A
908C97

Tritanopia

442F2C
977975
F28387
F3ACB1
7E9D9E

Achromatopsia

212121
6D6D6D
BDBDBD
E6E6E6
9E9E9E

Shades & Tints Shades & Tints

#47054F

Dark
Light

#9B4C9B

Dark
Light

#F5B35F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47054f;
  --color-2: #9b4c9b;
  --color-3: #f5b35f;
  --color-4: #f3f673;
  --color-5: #7bb48b;
}

SCSS

$color-1: #47054f;
$color-2: #9b4c9b;
$color-3: #f5b35f;
$color-4: #f3f673;
$color-5: #7bb48b;

TAILWIND

colors: {
  'brand-1': '#47054f',
  'brand-2': '#9b4c9b',
  'brand-3': '#f5b35f',
  'brand-4': '#f3f673',
  'brand-5': '#7bb48b',
}

RGB Array

[71, 5, 79], [155, 76, 155], [245, 179, 95], [243, 246, 115], [123, 180, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47054F, #9B4C9B, #F5B35F, #F3F673, #7BB48B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #47054f; --color-2: #9b4c9b; --color-3: #f5b35f; --color-4: #f3f673; --color-5: #7bb48b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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