← Back to Editor

#4B5F57 · #D6E57D · #EA942D · #E54B49 · #9B0455

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

#4B5F57

Mineral Blue · DarkSlateGray · Forest Green

HEX
#4B5F57
RGB
rgb(75, 95, 87)
HSL
hsl(156, 12%, 33%)
HSB
hsb(156, 21%, 37%)
CMYK
cmyk(21%, 0%, 8%, 63%)
Oklch
oklch(46.6% 0.028 168.8)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#D6E57D

Fresh Green · Khaki · Sunflower

HEX
#D6E57D
RGB
rgb(214, 229, 125)
HSL
hsl(69, 67%, 69%)
HSB
hsb(69, 45%, 90%)
CMYK
cmyk(7%, 0%, 45%, 10%)
Oklch
oklch(88.8% 0.130 115.9)

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

#EA942D

Ginger · GoldenRod · Warm Sun

HEX
#EA942D
RGB
rgb(234, 148, 45)
HSL
hsl(33, 82%, 55%)
HSB
hsb(33, 81%, 92%)
CMYK
cmyk(0%, 37%, 81%, 8%)
Oklch
oklch(73.9% 0.150 65.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E54B49

Vermilion · Tomato · Passion Red

HEX
#E54B49
RGB
rgb(229, 75, 73)
HSL
hsl(1, 75%, 59%)
HSB
hsb(1, 68%, 90%)
CMYK
cmyk(0%, 67%, 68%, 10%)
Oklch
oklch(62.8% 0.191 25.1)

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

#9B0455

Rose Purple · Purple · Camellia

HEX
#9B0455
RGB
rgb(155, 4, 85)
HSL
hsl(328, 95%, 31%)
HSB
hsb(328, 97%, 61%)
CMYK
cmyk(0%, 97%, 45%, 39%)
Oklch
oklch(45.0% 0.181 357.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B5F57
5E4A52

Analogous

4A5E4C
4B5F57
4A5C5E

Triadic

4B5F57
564A5E
5E564A

Split-Comp.

4B5F57
5E4A5C
5E4C4A

Tetradic

4B5F57
4C4A5E
5E4A52
5C5E4A

Contrast Matrix WCAG 2.1 Contrast

4B5F57
D6E57D
EA942D
E54B49
9B0455
—
5.0
AA
2.9
Fail
1.8
Fail
1.2
Fail
5.0
AA
—
1.8
Fail
2.8
Fail
6.0
AA
2.9
Fail
1.8
Fail
—
1.6
Fail
3.5
AA Large
1.8
Fail
2.8
Fail
1.6
Fail
—
2.1
Fail
1.2
Fail
6.0
AA
3.5
AA Large
2.1
Fail
—
White BG
6.8AA
1.4Fail
2.4Fail
3.9AA Large
8.3AAA
Black BG
3.1AA Large
15.4AAA
8.8AAA
5.4AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

545459
DCDD96
C5C446
A2A149
5A5841

Deuteranopia

535159
DCDB9C
CAD04C
ABB74A
626E3D

Tritanopia

4C5A5B
D7AAAE
E65A5E
DD4A4A
93322F

Achromatopsia

585858
D5D5D5
A2A2A2
797979
3A3A3A

Shades & Tints Shades & Tints

#4B5F57

Dark
Light

#D6E57D

Dark
Light

#EA942D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b5f57;
  --color-2: #d6e57d;
  --color-3: #ea942d;
  --color-4: #e54b49;
  --color-5: #9b0455;
}

SCSS

$color-1: #4b5f57;
$color-2: #d6e57d;
$color-3: #ea942d;
$color-4: #e54b49;
$color-5: #9b0455;

TAILWIND

colors: {
  'brand-1': '#4b5f57',
  'brand-2': '#d6e57d',
  'brand-3': '#ea942d',
  'brand-4': '#e54b49',
  'brand-5': '#9b0455',
}

RGB Array

[75, 95, 87], [214, 229, 125], [234, 148, 45], [229, 75, 73], [155, 4, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B5F57, #D6E57D, #EA942D, #E54B49, #9B0455 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #4b5f57; --color-2: #d6e57d; --color-3: #ea942d; --color-4: #e54b49; --color-5: #9b0455. 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. 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